在HTML中,JavaScript可以通過多種方式進行調用。
1.內聯腳本(Inline Script):直接將JavaScript代碼寫入到HTML文件的<script>標籤中。示例代碼如下所示:
<!DOCTYPE html> <html> <head> <title>使用內聯腳本</title> </head> <body> <!-- HTML頁面內容 --> <script type="text/javascript"> // JavaScript代碼 alert("Hello World!"); </script> </body> </html>
2.外部腳本(External Script):將JavaScript代碼保存爲單獨的.js文件,並通過<script src="filename.js"></script>引入到HTML文件中。示例代碼如下所示:
<!DOCTYPE html> <html> <head> <title>使用外部腳本</title> <script src="myscript.js"></script> </head> <body> <!-- HTML頁面內容 --> </body> </html>
其中,myscript.js是包含JavaScript代碼的外部文件。
3.事件處理程序(Event Handler):通過指定元素上的特定事件來調用JavaScript函數或表達式。示例代碼如下所示:
<!DOCTYPE html> <html> <head> <title>使用事件處理程序</title> </head> <body> <!-- HTML頁面內容 --> <button onclick="myFunction()">點擊我</button> <script type="text/javascript"> function myFunction() { // JavaScript代碼 alert("按鈕被點擊了!"); } </script> </body> </html>
當點擊"點擊我"按鈕時,會調用名爲myFunction()的JavaScript函數。