JavaScriptの使用法

HTML で JavaScript を使用するには、<script></script> のように type 属性値を text/javascript として定義する必要があります。前のアラートポップアッププロンプトボックスの例:

通常独立した 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 の関数とイベントについては後の章で詳しく学びます。

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>获取当前时间</p> <script> document.write(Date()); </script> </body> </html>

提出するリセットコード

自動運転