在HTML中嵌入JavaScript代码可以通过以下几种方式:
1. 内联方式:直接在HTML标签的on*属性中嵌入JavaScript代码。例如:
<button onclick="alert('Hello, World!')">点击我</button>
2. <script>标签:使用<script>标签将JavaScript代码包裹起来,并将其放置在HTML文档的head或body部分中。
例如:
<script>function sayHello() {
alert('Hello, World!');
}
</script>
<button onclick="sayHello()">点击我</button>
3. 外部脚本文件:将JavaScript代码保存到一个独立的.js文件中,然后使用<script>标签的src属性引用该文件。例如:
<!-- hello.js -->function sayHello() {
alert('Hello, World!');
}
<!-- index.html -->
<script src="hello.js"></script>
<button onclick="sayHello()">点击我</button>
这些方法可以根据你的需求选择合适的方式来嵌入JavaScript代码到HTML中。注意要正确地放置JavaScript代码,以确保其能够正确执行和与其他HTML元素进行交互。