◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
可以通过内联脚本、外部脚本或事件处理程序在 html 中运行 js 代码。内联脚本将 js 代码直接嵌入 html 页面,外部脚本将代码放在外部文件中并链接到页面,而事件处理程序将 js 代码附加到 html 元素上的事件。
如何使用 HTML 运行 JS 代码
HTML(超文本标记语言)是一种用于构建网页的标记语言,而 JavaScript(JS)是一种编程语言,用于在网页上添加交互性。可以通过以下方法在 HTML 中运行 JS 代码:
1. 内联脚本
<title>内联脚本示例</title><p id="demo"></p> <script> document.getElementById("demo").innerHTML = "你好,世界!"; </script>
2. 外部脚本
立即学习“前端免费学习笔记(深入)”;
为 JS 代码创建一个外部文件(例如 script.js)并将其链接到 HTML 页面:
script.js
function sayHello() { document.getElementById("demo").innerHTML = "你好,世界!"; }
HTML
<title>外部脚本示例</title><p id="demo"></p> <script src="script.js"></script><script> sayHello(); </script>
3. 事件处理程序
将 JS 代码附加到 HTML 元素上的事件,例如点击:
<title>事件处理程序示例</title><button onclick="sayHello()">点击我</button> <script> function sayHello() { alert("你好,世界!") } </script>
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。