<script></script> タグ
HTML で JavaScript を使用するには、<script></script> のように type 属性値を text/javascript として定義する必要があります。前のアラート ポップアップ プロンプト ボックスの例:
<script type="text/javascript">
alert("I am Prompt text!");
</script>
通常独立した JavaScript コード JavaScript コードは、もともと HTML の欠点を補うために作成されたものであるため、通常は HTML コードと組み合わせて使用されます。
JavaScript コードは Web ページのどこにでも直接埋め込むことができますが、通常は JavaScript コードを <head> に置きます:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
alert("我是提示文字！");
</script>
</head>
<body>
<div>图片及文字内容</div>
</body>
</html>
JavaScript 関数をHTML ページ ;body> 部分:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script type="text/javascript">
alert("我是提示文字！");
</script>
<div>图片及文字内容</div>
</body>
</html> JavaScript コードを別の .js ファイルに配置し、<script src="..."></script> を介してこのファイルを HTML に導入することもできます。 ;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script src="/static/js/abc.js"></script>
</head>
<body>
<div>图片及文字内容</div>
</body>
</html>
JavaScript 関数とイベント
通常、ユーザーがボタンをクリックしたときなど、イベントが発生したときにコードを実行する必要があります。
JavaScript コードを関数に入れると、イベントの発生時にその関数を呼び出すことができます。
JavaScript の関数とイベントについては後の章で詳しく学びます。
次のセクション