ホームページ > 記事 > ウェブフロントエンド > HTML内でJavaScriptを参照する方法
#この記事の動作環境: Windows7 システム、html5&&javascript バージョン 1.8.5、Dell G3 コンピューター。 JavaScript を HTML 内で参照するにはどうすればよいですか? #3 つの導入方法JavaScript を HTML に参照する方法: 1. 要素のイベント属性に js コードを追加します; 2. HTML ページ内の任意の場所にスクリプトを追加します; 3. 別の js ファイルに js コードを記述します。
#1. インライン: 要素のイベント属性に js コードを追加すると、イベントがトリガーされたときに js が実行されます
2 . 内部: HTML ページの任意の場所にスクリプトを追加します (先頭に推奨)##3. 外部: 別の js ファイルに js コードを記述し、スクリプトの src 属性を通じて導入します。タグでファイルが導入されています。タグ本体に js コードを書き続けることはできません
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 内部引入方式--> <script type="text/javascript"> alert("使用内部引入"); var x = "123"; if(isNaN(x)){ alert("不是数"); }else{ alert("是数"); } </script> <!-- 外部引入方式--> <script type="text/javascript" src="first.js"></script> </head> <body> <!-- 内联方式--> <input type="button" value="内联引入方式" onclick="alert('内联引入方式')"> </body> </html>
[推奨学習:
javascript 上級チュートリアル]
以上がHTML内でJavaScriptを参照する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。