JavaScript の書き方を学ぶ-jsチュートリアル-php.cn

#javascript コラムでは JavaScript の書き方を紹介します。

JavaScript の書き方を学ぶ

関連する無料学習の推奨事項:
JavaScript (ビデオ)

JavaScript 入門記事:

HTML と CSS の書き方はすでに知っているが、JavaScript をまだ学習していない場合は、ここにある著者の記事から学習を始めることができます。

JavaScript は、JS エンジンで実行される V8 エンジンです。

JavaScript をどこに記述するかが最初に知っておく必要があります。

は合計3箇所に記述できます。

<button onclick=&#39;alert("hello")&#39;>按钮</button>

ログイン後にコピー

(通常は、すべての HTML の本文の終了タグの前に配置されます)コンテンツ)

<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代码</script>

ログイン後にコピー

たとえば、
index.js ファイル を作成し、それを html

<script src="./index.js"></script>

ログイン後にコピー

Note と同じディレクトリに置きます。ポイント: 1. src は外部 JS ファイルパスを導入します
2. は単独で指定する必要があります
3. 開始タグと終了タグの間。 JS コードは表示されません。また、表示されても実行されません。

JavaScript 出力入力メソッド

Output:

document.write(‘content’); - - 出力コンテンツをドキュメントストリームに出力します。このアプローチは通常は使用されません。理解できる。
console.log('prompt content'); - - ログの内容をコンソールに出力します (コンソールは、ページ上で F12 を使用した後に表示されるものです)。実際のプロジェクト開発プロセスでは継続的なデバッグが必要となるため、フロントエンドプログラマは必ず習得する必要があります。特に迷惑なバグが発生した場合。
console.log その他のプレイ方法については、著者の他の記事をご覧ください: あなたが知らないクールなコンソール操作

入力:

ユーザーが確認ボタンをクリックすると、ユーザーが入力した値が取得され、キャンセルボタンをクリックすると、null
たとえば、input、textarea 待機するか、要素を編集可能な状態に変更します (要素を編集可能な状態に変更する方法がわからない場合は、作成者のリッチテキストエディターの実装原則を読むことができます)

JavaScript 変数。

変数: メモリ内のデータ格納スペース。このスペースに格納されているデータは、操作の進行につれて変更される可能性があります。
変数の 3 つの要素: 1. 変数名
2. 変数の値
3. データ型
JS は弱い (動的) 型言語であり、変数に注意する作成時のデータ型は、実行後にのみ決定できます。

構文: 変数の定義:

var 变量名 = 变量值;//分解var 变量名;变量名 = 变量值;

ログイン後にコピー

実際のプロジェクト開発では、変数の宣言にvarを使うことは基本的にありません。 var にはレピュテーションの向上とメモリリークの問題があるため、一般に、変数の宣言には const と let が使用されます。 const と let の詳細については、著者 b による ES6 の紹介を参照してください。

変数の命名規則: a. 含めることができる文字: 文字、数字、_、$
b. 数字で始めることはできません
c. 数字で始めることはできませんキーワードまたは予約語を指定してください。

キーワード/予約語: 固定された文法的意味を持つ単語 キーワードと予約語の詳細については、ECMAScript のキーワードと予約語を参照してください。
d. 大文字と小文字を厳密に区別してください

変数の命名仕様: a. 変数名は、名前から意味が理解できる簡潔な英単語を使用してください。
b. 複数の単語がある場合、最初の単語の最初の文字は小文字、他の単語の最初の文字は大文字になります。

変数のデータ型の詳細については、「JavaScript データ型の概要」を参照してください。

はじめにJavaScript の記事へ:

HTML と CSS の書き方はすでに知っているが、JavaScript をまだ学習していない場合は、ここにある著者の記事から学習を始めることができます。

JavaScript は、JS エンジンで実行される V8 エンジンです。

JavaScript をどこに記述するかが最初に知っておく必要があります。

は合計3箇所に記述できます。

インライン、要素にイベントを追加します

<button onclick=&#39;alert("hello")&#39;>按钮</button>

ログイン後にコピー

HTML 内に書き込みます
(通常は、すべての HTML の本文の終了タグの前に配置されます)コンテンツ)

<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代码</script>

ログイン後にコピー

.js という名前の外部 j サフィックスを付けてファイルに書き込み、それを引用符で囲みます。
たとえば、index.js ファイル を作成し、それを html

<script src="./index.js"></script>

ログイン後にコピー

Note と同じディレクトリに置きます。ポイント:
1. src は外部 JS ファイルパスを導入します
2. は単独で指定する必要があります
3. 開始タグと終了タグの間。 JS コードは表示されません。また、表示されても実行されません。

JavaScript 出力入力メソッド

Output:

alert('プロンプトメッセージ'); - - 警告ボックスがポップアップ表示されます。ブラウザのレンダリングやその他の操作を中断します。
document.write(‘content’); - - 出力コンテンツをドキュメントストリームに出力します。このアプローチは通常は使用されません。理解できる。
console.log('prompt content'); - - ログの内容をコンソールに出力します (コンソールは、ページ上で F12 を使用した後に表示されるものです)。実際のプロジェクト開発プロセスでは継続的なデバッグが必要となるため、フロントエンドプログラマは必ず習得する必要があります。特に迷惑なバグが発生した場合。 console.log その他のプレイ方法については、著者の他の記事をご覧ください: あなたが知らないクールなコンソール操作

入力:

prompt(プロンプトメッセージ)
ユーザーが確認ボタンをクリックすると、ユーザーが入力した値が取得され、キャンセルボタンをクリックすると、null
入力ボックスが表示されます。 form
たとえば、input、textarea 待機するか、要素を編集可能な状態に変更します (要素を編集可能な状態に変更する方法がわからない場合は、作成者のリッチテキストエディターの実装原則を読むことができます)

JavaScript 変数。

変数: メモリ内のデータ格納スペース。このスペースに格納されているデータは、操作の進行につれて変更される可能性があります。
変数の 3 つの要素:
1. 変数名
2. 変数の値
3. データ型
JS は弱い (動的) 型言語であり、変数に注意する作成時のデータ型は、実行後にのみ決定できます。
構文:
変数の定義:

var 变量名 = 变量值;//分解var 变量名;变量名 = 变量值;

ログイン後にコピー

実際のプロジェクト開発では、変数の宣言にvarを使うことは基本的にありません。 var にはレピュテーションの向上とメモリリークの問題があるため、一般に、変数の宣言には const と let が使用されます。 const と let の詳細については、著者 b による ES6 の紹介を参照してください。
変数の命名規則:
a. 含めることができる文字: 文字、数字、_、$
b. 数字で始めることはできません
c. 数字で始めることはできませんキーワードまたは予約語を指定してください。
キーワード/予約語: 固定された文法的意味を持つ単語
キーワードと予約語の詳細については、ECMAScript のキーワードと予約語を参照してください。
d. 大文字と小文字を厳密に区別してください
変数の命名仕様:
a. 変数名は、名前から意味が理解できる簡潔な英単語を使用してください。
b. 複数の単語がある場合、最初の単語の最初の文字は小文字、他の単語の最初の文字は大文字になります。