在編寫HTML的時候,我們經(jīng)常會嵌入一些JavaScript腳本代碼。那么,在HTML中如何執(zhí)行JavaScript代碼呢?這里有兩種方式:
第一種方式是使用<script>標(biāo)簽。在<script>標(biāo)簽中編寫JavaScript代碼,瀏覽器在解釋HTML代碼時,會執(zhí)行<script>標(biāo)簽內(nèi)的代碼,從而實現(xiàn)JavaScript的執(zhí)行。下面是一個例子:
<!DOCTYPE html><html><head><title>使用<script>標(biāo)簽執(zhí)行JavaScript代碼</title></head><body><script type="text/javascript">alert("Hello World!"); </script></body></html>
上面的代碼中,我們在<script>標(biāo)簽中編寫了一個alert函數(shù),用來彈出“Hello World!”這個提示框。當(dāng)瀏覽器解釋到<script>標(biāo)簽時,會 執(zhí)行其中的JavaScript代碼,并彈出提示框。
第二種方式是使用新版本的HTML5中的data-*特性。可以將JavaScript代碼保存在data-*屬性中,并使用JavaScript代碼來獲取這些數(shù)據(jù),并在頁面中執(zhí)行代碼。下面是一個例子:
<!DOCTYPE html><html><head><title>使用data-*特性執(zhí)行JavaScript代碼</title></head><body><button id="myBtn" data-message="Hello World!" onclick="alertMessage()">點我!</button><script type="text/javascript">function alertMessage() { var btn = document.getElementById("myBtn"); var message = btn.getAttribute("data-message"); alert(message); } </script></body></html>
上面的代碼中,我們在按鈕元素(<button>標(biāo)簽)中添加了data-message屬性,存儲了要彈出的消息。使用JavaScript代碼getAttribute()方法獲取數(shù)據(jù),并彈出提示框。
總之,在HTML中執(zhí)行JavaScript代碼的方式很多,以上兩種方式僅為其中的兩種,可以根據(jù)實際需要選擇適合的方式。