html 包含js代码

HTML 包含 JS 代码

HTML 可以嵌入 JavaScript（JS）代码，通过以下两种方式实现：

• 直接在 HTML 标签中使用on*属性，例如：

button onclick="alert('Hello World!');
    ">
    点我！/button>
    

script>
    alert('Hello World!');
    /script>
    

虽然第一种方法比较简单，但是只适用于非常简单的情况，比如点击按钮触发一个警告框。对于更复杂的功能，我们需要使用第二种方法。

在script> 标签中，我们可以写任何 JS 代码，例如：

script>
document.getElementById('myBtn').addEventListener('click', function() {
    alert('Hello World!');
}
    );
    /script>
    

上面的代码会在页面加载后，找到 id 为myBtn的按钮元素，并给它添加一个点击事件监听器。当用户点击这个按钮时，就会触发alert('Hello World!')这行代码，弹出一个警告框。

总之，HTML 包含 JS 代码可以使我们实现更加丰富和复杂的页面交互功能。但是需要注意的是，JS 代码需要写在script> 标签中，否则浏览器会把它当作普通的文本内容显示出来。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！