HTML 包含 JS 代碼
HTML 可以嵌入 JavaScript(JS)代碼,通過以下兩種方式實現:
- 直接在 HTML 標簽中使用
on*
屬性,例如:
<button onclick="alert('Hello World!');">點我!</button>
<script>
標簽,例如:<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>
標簽中,否則瀏覽器會把它當作普通的文本內容顯示出來。