ホームページ > 記事 > ウェブフロントエンド > HTMLドキュメント内にJSスクリプトを配置する方法
HTMLドキュメント内にJSスクリプトを配置する方法
- 清浅オリジナル
- 2019-01-11 09:55:164694ブラウズ
JS スクリプトを HTML ドキュメントに配置する方法: 1. JS スクリプトを
タグに配置します。 2. JS スクリプトを タグに配置します。 JS スクリプトを に配置します。 4. JS スクリプトを外部からインポートします。
## で説明します。詳細は記事内で
【おすすめコース：
... head> セクション次のような特定のイベントでスクリプトを実行する場合ユーザーが特定の場所をクリックしたときにトリガーされるイベント。この時点で、スクリプトを先頭に置くことができます。 #<head>
<meta charset="UTF-8">
<title>Document</title>
<script type = "text/javascript">
function Hello() {
alert("Hello World")
}
</script>
</head>Rendering:
#
.. セクション
スクリプトがページ内にコンテンツを生成するようにする必要がある場合、ドキュメントの
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type = "text/javascript">
document.write("Hello World")
</script>
<p>页面加载时脚本就会生成内容</p>
</body>
</html>Rendering:
#In の JavaScript コードを使用して関数は定義されません。 セクション
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type = "text/javascript">
function Hello() {
alert("Hello World")
}
</script>
</head>
<body>
<script type = "text/javascript">
document.write("Hello World")
</script>レンダリング:
# Web サイト上の複数のページで同じ JavaScript コードを再利用する必要がある場合、外部から js ファイルを導入することでこれを実現できます。同じコードの保守を容易にするために、script タグは、JavaScript を外部ファイルに保存して HTML ファイルに組み込むことを可能にするメカニズムを提供します。
HTML コード
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script src="111.js"></script> </head> <body> <input type = "button" onclick = "Hello()" value = "点击" /> </body> </html>
外部 js ファイル function Hello() {
document.write("hello world")
}レンダリング:
要約: 上記がこの記事の全内容です。JavaScript を学習するすべての人に役立つことを願っています。
以上がHTMLドキュメント内にJSスクリプトを配置する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。