溫馨提示×

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

小億
90
2024-03-18 20:37:36
欄目: 編程語言

在HTML中嵌入JS代碼的方式有以下幾種:

  1. <script>標(biāo)簽:最常見的方式是在HTML文件的<script>標(biāo)簽中嵌入JS代碼。可以在<head><body>部分使用<script>標(biāo)簽來引入外部的JS文件或直接在<script>標(biāo)簽內(nèi)部編寫JS代碼。
<script type="text/javascript">
  // JS代碼
</script>
  1. 事件屬性:可以直接在HTML標(biāo)簽中使用事件屬性來執(zhí)行JS代碼。例如,在按鈕的onclick事件中執(zhí)行JS代碼。
<button onclick="alert('Hello, World!')">Click me</button>
  1. URL中嵌入:可以在URL中通過javascript:協(xié)議來執(zhí)行JS代碼。例如,通過<a>標(biāo)簽的href屬性來執(zhí)行JS代碼。
<a href="javascript:alert('Hello, World!')">Click me</a>
  1. 內(nèi)聯(lián)事件處理函數(shù):可以在HTML標(biāo)簽中使用onEvent屬性來指定事件處理函數(shù),然后在<script>標(biāo)簽中定義該函數(shù)。
<button onclick="myFunction()">Click me</button>
<script>
  function myFunction() {
    alert('Hello, World!');
  }
</script>
  1. eval()函數(shù):在JS代碼中使用eval()函數(shù)可以動態(tài)執(zhí)行字符串中的JS代碼。
<script>
  var code = "alert('Hello, World!');";
  eval(code);
</script>

0