JavaScriptの使用法
スクリプト内のHTMLは、<script>と</ script>タグの間に配置する必要があります。
スクリプトは、HTMLページの<body>と<head>セクションに配置することができます。
<スクリプト>タグ
HTMLページではJavaScriptを挿入するには、<スクリプト>タグを使用します。
<script>と</ script>は、JavaScriptがどこに開始および終了するように指示します。
コードの行の<script>と</ script>の間には、JavaScriptが含まれています。
alert("我的第一个 JavaScript");
</script>
あなたは上記のコードを理解していません。 ただ、ブラウザがJavaScriptコードを解釈して実行することを理解すると、<script>と</ script>である間
それらの古いの例としては、<スクリプト>タグでタイプ= "テキスト/ JavaScriptを"使用することができます。 今、あなたはそうする必要はありません。 JavaScriptは、すべての近代的なブラウザとHTML5デフォルトのスクリプト言語です。 |
JavaScriptで<ボディ>
この例では、HTMLページ内のJavaScriptは、<身体>はテキストを書き込むときにロードされます。
例
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
.
.
</body>
</html>
»をお試しください
JavaScriptの関数とイベント
上記の例ではJavaScript文、ページが読み込まれ実行されます。
一般的に、我々は、イベントは、ユーザがボタンをクリックしたときのように、発生したときにコードを実行する必要があります。
我々は機能にJavaScriptコードを入れた場合、イベントが発生したとき、あなたは関数を呼び出すことができます。
あなたは後の章でJavaScriptの関数とイベントの知識についての詳細を学びます。
JavaScriptを<head>タグや<身体>で
あなたは、HTMLドキュメント内のスクリプトの数に制限を置くことができます。
HTMLスクリプトは、<身体>や<head>セクションにあり、または2つのセクションで存在しています。
通常の練習は、<head>セクションに、またはページの下部に機能することです。 それらはページの内容を妨害しないために、同じ場所に配置することができるようになっています。
<ヘッド> JavaScript関数
ここでは、HTMLページの<head>セクションに配置JavaScript関数を持っています。
ボタンがクリックされたときにこの関数が呼び出されます。
例
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()" >尝试一下</button>
</body>
</html>
»をお試しください
<ボディ>のJavaScript関数
ここでは、<身体> HTMLページに配置されたJavaScript関数を持っています。
ボタンがクリックされたときにこの関数が呼び出されます。
例
<html>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick=" myFunction() ">尝试一下</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
</html>
»をお試しください
外部のJavaScript
また、外部ファイルにスクリプトを保存することができます。 外部ファイルは、通常、複数のページで使用するコードを含みます。
ファイルの拡張子は、外部のJavaScriptファイルの.jsです。
外部ファイルを使用するには、タグは「SRC」属性での<script>内の.jsファイルを設定します。
あなたは、実際の業績に<ヘッド>または<身体>にスクリプトを配置することができますし、スクリプトを正確に同じの<script>タグを記述します。
myScript.jsファイルのコードは次のとおりです。
function myFunction() { document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数"; }
外部スクリプトは、<スクリプト>タグを含めることはできません。 |