JavaScriptとHTML_javascriptスキルの組み合わせの詳細な説明-jsチュートリアル-php.cn

HTML 内の JavaScript スクリプトは、HTML ページの タグと タグの間に配置する必要があります。状況に応じて異なりますが、通常は タグ内に配置されます。 1. タグ HTML ページに JavaScript スクリプトを挿入する必要がある場合は、& lt; スクリプト & gt; を使用します。 と は JavaScript にどこから開始するかを指示します そして終了。 の間には JavaScript が含まれています。

alert("欢迎来到JavaScript世界！！！"); ログイン後にコピー 上記のコードを理解する必要はありません。ブラウザは と の間の JavaScript を解釈して実行することを理解してください。昔の 古いインスタンスでは、 タグで type="text/javascript" を使用する場合があります。これはもう必要ありません。 JavaScript はすべての最新ブラウザに存在します HTML5 のデフォルトのスクリプト言語。 JavaScript 言語を学習したばかりの方でも、すぐに使えます。

2. の JavaScript この例では、JavaScript はページの読み込み時に HTML の にテキストを書き込みます。 コード例:

JavaScript脚本语言 > JavaScript 能够直接写入 HTML 输出流中：

document.write(" This is a heading "); document.write(" This is a paragraph.

"); 您只能在 HTML 输出流中使用 document.write 。 如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。

ログイン後にコピー JavaScript コードの作成方法と実行方法にはこだわらず、まず結果を見てみましょう:

3. JavaScript 関数とイベント 上の例の JavaScript ステートメントは、ページが読み込まれるときに実行されます。通常、ユーザー などのイベントが発生したときにコードを実行する必要があります。 ボタンをクリックしたとき。 JavaScript コードを関数内に配置すると、イベントが発生したときにその関数を呼び出すことができます。

4. または 内の JavaScript HTML ドキュメントには無制限の数のスクリプトを含めることができます。スクリプトは HTML の セクション、またはその両方に含めることができます。 2つの部分に分かれています。一般的な方法は、関数を セクションまたはページの下部に配置することです。こうすることで、同じ場所に配置できます。 ページの内容には影響しません。

5.

の JavaScript 関数 この例では、JavaScript 関数を HTML ページの セクションに配置します。ボタンをクリックするとこの関数が呼び出されます: コード例:

実行の結果は次のとおりです: JavaScript脚本语言 function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; } My Web Page A Paragraph.

点击这里 ログイン後にコピー

ボタンをクリックした後の効果は次のとおりです:

6.

の JavaScript 関数 この例では、HTML ページの セクションに JavaScript 関数を配置します。ボタンをクリックするとこの関数が呼び出されます: コード例:

実行した結果は上記5つの結果と同じです！ JavaScript脚本语言 My First Web Page A Paragraph.

点击这里 function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; } ログイン後にコピー ヒント: 要素の作成後にスクリプトが確実に実行されるように、JavaScript をページ コードの最後に配置します。 7. 外部JavaScript スクリプトを外部ファイルに保存することもできます。外部ファイルには、複数の Web ページで使用されるコードが含まれることがよくあります。外部 JavaScript ファイルのファイル拡張子 展示名は.jsです。外部ファイルを使用する必要がある場合は、 タグの「src」属性に .js ファイルを設定してください。 私たちは外部 JavaScript メソッドの使用を推奨しており、通常は HTML ドキュメントに接続するために別のメソッドも使用します。 例 HTMLコード:

JavaScript脚本语言 My Web Page A Paragraph.

点击这里 注释： myFunction 保存在名为 "myScript.js" 的外部文件中。

ログイン後にコピー myScript.js コード:

function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; } ログイン後にコピー 実行結果は上記と一致しています。 実際の実行結果は、 タグ内にスクリプトを記述した場合とまったく同じです。 外部スクリプトには タグを含めることはできません。 以上はJavaScriptとHTMLを組み合わせる方法ですので、皆様の学習のお役に立てれば幸いです。