スクリプトのHTMLの基礎

スクリプトタグ

タグ 説明
脚本 これは、クライアント側のスクリプトを定義します
noscript要素 定義は、テキストブラウザはスクリプトの出力をサポートしていません。

注意

  • あなたは「SRC」属性を使用している場合は、script要素は空でなければなりません。
  • スクリプトコードの内部要素は1つの関数に配置されていない場合は、ページがロードされるときに、そのコードが直ちに実行されます

サンプルコード

  • 例1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
	
<p>
JavaScript 能够直接写入 HTML 输出流中:
</p>
<script>

document.write("<h1>这是一个标题</h1>");
document.write("<p>这是<strong>一个段</strong>落。</p>");

</script>
<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。
</p>
	
</body>
</html>
  • 例2
<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<p id="demo">
JavaScript can react to events. Like the click of a button.
</p>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Hello JavaScript!";
}
</script>

<button type="button" onclick="myFunction()">Click Me!</button>

</body>
</html>
公開された25元の記事 ウォン称賛19 ビュー674

おすすめ

転載: blog.csdn.net/devin_xin/article/details/105013969