温馨提示×

HTML中嵌入JS代码的方式有哪些

小亿
88
2024-03-18 20:37:36
栏目: 编程语言

在HTML中嵌入JS代码的方式有以下几种:

  1. <script>标签:最常见的方式是在HTML文件的<script>标签中嵌入JS代码。可以在<head><body>部分使用<script>标签来引入外部的JS文件或直接在<script>标签内部编写JS代码。
<script type="text/javascript">
  // JS代码
</script>
  1. 事件属性:可以直接在HTML标签中使用事件属性来执行JS代码。例如,在按钮的onclick事件中执行JS代码。
<button onclick="alert('Hello, World!')">Click me</button>
  1. URL中嵌入:可以在URL中通过javascript:协议来执行JS代码。例如,通过<a>标签的href属性来执行JS代码。
<a href="javascript:alert('Hello, World!')">Click me</a>
  1. 内联事件处理函数:可以在HTML标签中使用onEvent属性来指定事件处理函数,然后在<script>标签中定义该函数。
<button onclick="myFunction()">Click me</button>
<script>
  function myFunction() {
    alert('Hello, World!');
  }
</script>
  1. eval()函数:在JS代码中使用eval()函数可以动态执行字符串中的JS代码。
<script>
  var code = "alert('Hello, World!');";
  eval(code);
</script>

0