JavaScriptの使用法
JavaScript の使用法
HTML 內(nèi)のスクリプトは、<script> タグと </script> の間に配置する必要があります。
スクリプトは HTML ページの <body> セクションと <head> に配置できます。
<script> タグ
HTML ページに JavaScript を挿入するには、<script> タグを使用します。 <script> と </script> は JavaScript に開(kāi)始位置と終了位置を指示します。 <script> と </script> の間の行には JavaScript が含まれています:<script>
alert("我的第一個(gè) JavaScript");
</script> 上記のコードを理解する必要はありません。ブラウザは <script> ="text/javascript" の間の JavaScript コードを解釈して実行することを理解してください。これはもう必要ありません。 JavaScript は、HTML5 だけでなく、最新のすべてのブラウザーでもデフォルトのスクリプト言語(yǔ)です。 <body>
の JavaScript この例では、ページの読み込み時(shí)に JavaScript が HTML の <body> にテキストを書き込みます。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>
JavaScript 能夠直接寫入 HTML 輸出流中：
</p>
<script>
document.write("<h1>This is a title</h1>");
document.write("<p>This is a paragraph</p>");
</script>
<p>
您只能在 HTML 輸出流中使用 <strong>document.write</strong>。
如果您在文檔已加載后使用它（比如在函數(shù)中），會(huì)覆蓋整個(gè)文檔。
</p>
</body>
</html>ページのロード時(shí)に実行されます。
通常、ユーザーがボタンをクリックしたときなど、イベントが発生したときにコードを?qū)g行する必要があります。
JavaScript コードを関數(shù)に入れると、イベントの発生時(shí)にその関數(shù)を呼び出すことができます。 JavaScript の関數(shù)とイベントについては後の章で詳しく學(xué)びます。 <head> または <body> 內(nèi)の JavaScript
HTML ドキュメントには無(wú)制限の數(shù)のスクリプトを含めることができます。
スクリプトは HTML の <body> セクションまたは <head> セクションに含めることができます。
通常のアプローチは、関數(shù)を <head> セクションまたはページの下部に配置することです。こうすることで、ページのコンテンツを妨げずに同じ場(chǎng)所に配置できます。
<head>
の JavaScript 関數(shù) この例では、HTML ページの <head> セクションに JavaScript 関數(shù)を配置します。
この関數(shù)は、ボタンがクリックされると呼び出されます:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function myFunction(){
document.getElementById("demo").innerHTML="我的第一個(gè) JavaScript 函數(shù)";
}
</script>
</head>
<body>
<h1>我的 Web 頁(yè)面</h1>
<p id="demo">一個(gè)段落。</p>
<button type="button" onclick="myFunction()">點(diǎn)擊這里</button>
</body>
</html><body> の JavaScript 関數(shù)
この例では、HTML ページの <body> に JavaScript 関數(shù)を配置します。 。 一部。
ボタンをクリックするとこの関數(shù)が呼び出されます:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>My first web</h1>
<p id="demo">This is a paragraph</p>
<button type="button" onclick="myFunction()">點(diǎn)擊這里</button>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="我的第一個(gè) JavaScript 函數(shù)";
}
</script>
</body>
</html>外部JavaScript
スクリプトを外部ファイルに保存することもできます。外部ファイルには、複數(shù)の Web ページで使用されるコードが含まれることがよくあります。
外部 JavaScript ファイルのファイル拡張子は .js です。
外部ファイルを使用する必要がある場(chǎng)合は、<script> タグの「src」屬性に .js ファイルを設(shè)定してください:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>我的 Web 頁(yè)面</h1> <p id="demo">一個(gè)段落。</p> <button type="button" onclick="myFunction()">點(diǎn)擊這里</button> <p><b>注釋：</b>myFunction 保存在名為 "myScript.js" 的外部文件中。</p> <script src="myScript.js"></script> </body> </html>
