本文于 2024年5月8日 8:44 更新,注意查看最新内容
JavaScript作为一种客户端脚本语言,在HTML中的运用极为灵活,可以直接嵌入HTML页面,也可以作为外部文件引用。
以下是关于JavaScript用法的详细介绍:
JavaScript嵌入HTML页面
JavaScript脚本代码必须位于<script>
与</script>
标签之间,可放置于HTML页面的<body>
和<head>
部分。例如:
html
<script>
alert("我的第一个 JavaScript");
</script>
JavaScript写入HTML中
在HTML中,可以使用JavaScript向页面的<body>
部分写入文本或标签,例如:
html
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
JavaScript函数和事件
JavaScript函数和事件的应用可以使代码更加灵活,常用于在特定事件发生时执行相应的操作。例如,点击按钮时调用函数:
html
<button type="button" onclick="myFunction()">尝试一下</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
外部JavaScript文件引用
JavaScript代码也可以保存在外部文件中,外部文件的扩展名通常是.js
。通过在<script>
标签的src
属性中设置外部文件路径,即可引用外部JavaScript文件。例如:
html
<script src="myScript.js"></script>
在外部JavaScript文件中,不需要再包含<script>
标签。
JavaScript的用法非常灵活,既可以嵌入HTML页面中,也可以作为外部文件引用,通过函数和事件的运用,可以实现更加动态和交互性的效果。
Comments | NOTHING