頭部引入js文件(外部引入js文件)

  • 1、dreamweaver 如何插入js
  • 2、JS外鏈式在html頭部引入無效的問題
  • 3、求助:HTML點擊按鈕調用JS文件或者直接調用JS代碼?

有兩種JavaScript寫法:

1. 直接在 html 中嵌入,程序寫法:

script type=”text/javascript” language=”JavaScript” charset=”UTF-8″

!–

…javaScript程序…

// —

/script

2. 調用獨立JavaScript文件:在html的head/head之間引入 script type=”text/javascript” src=” test.js” /script。

src寫你的js文件的路徑與文件名。

script 不能用空標誌。 JS腳本文件中不需要腳本開始和結束聲明,直接寫 function。

原因:

瀏覽器是單線程的,如果放在頭部,瀏覽器會先加載script文件並執行,此時會形成一個阻塞,影響後續的dom文件的加載和執行。

缺點:

避免措施:

注意:

雖然說將外部引入的js引用放在 body 末尾處,不過也是有順序的,需要將一些 依賴文件放在前邊 ,

例如jquery文件需要放在前邊,這樣後邊函數中使用$才不會報錯。

HTML點擊按鈕調用JS文件或者直接調用JS代碼的方法。

如下參考:

1.將這段代碼保存到一個文件中,如下圖所示。

2.請注意,您可以使用任何文本工具創建js文件,但是在保存它時,您需要將其後綴為.js。

3.將版本js文件保存為index.js。如果我們需要使用index。js。我們只需要調用它,不需要寫一個新的js文件。

4.在HTML的頭部部分引入js文件,具體代碼如下圖所示。

5.引用是一個雙標籤,所以如果沒有內容,就必須完全寫入。

6.如果你的js是從外部導入的,你不能在中間寫js代碼。

7.如果需要,您需要重新聲明腳本標記,並在標記中編寫js代碼,如下圖所示。

8.javascriptjquery也是一樣的規則,你必須在script標籤中寫代碼。隨着js文件的引入,你可以簡單地在你想要的地方調用它。

原創文章,作者:簡單一點,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/127109.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
簡單一點的頭像簡單一點
上一篇 2024-10-03 23:13
下一篇 2024-10-03 23:13

相關推薦

發表回復

登錄後才能評論