HTML引用JS怎么設置
在網頁開發中,JavaScript是一種很常用的腳本語言,可以幫助我們實現一些動態的效果。而要在HTML中引用JS,則可以通過在HTML中插入JS代碼或者在外部引用JS文件兩種方式實現。下面,我們來詳細介紹這兩種方式具體的設置方法。
在HTML中插入JS代碼
如果我們要在HTML中插入JS代碼,可以使用標簽來實現。首先,在HTML文件的頭部加入以下代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML引用JS代碼</title> </head> <body>接著,在 body 標簽的里面加入如下代碼:
<p>點擊按鈕,彈出提示框</p> <p><button onclick="alert('Hello, World!')">點擊我</button></p>這樣,我們就把一段簡單的JS代碼嵌入到了HTML中。當用戶點擊按鈕時,會觸發alert彈窗,顯示 "Hello, World!" 這個消息。 在外部引用JS文件 如果我們有一個單獨的JS文件,希望在HTML中引用它,我們可以通過在HTML中添加以下代碼來實現:
<script src="script.js"></script>其中,src 屬性指定要引用的 JS 文件的路徑和文件名。如果文件在同一目錄下,我們只需寫文件名即可。如果文件在其他目錄下,還需指定目錄路徑。 以上是HTML引用JS的兩種方式,可以根據自己的需求選擇使用,從而實現網頁的動態效果和交互功能。