在頁(yè)面中引入js有兩種基本方式：在頁(yè)面中嵌入js、引用外部js文件。
一、在頁(yè)面中嵌入js
這是在頁(yè)面使用js最簡(jiǎn)單的方式了，一般我在寫(xiě)個(gè)小測(cè)試的情況下會(huì)用這種方式。
把script元素寫(xiě)在</body>前面，script元素的內(nèi)容就是js代碼。像這樣：
<script>// 在這里寫(xiě)jsfunction test(){alert('說(shuō)點(diǎn)什么呢'); }test();</script>二、引用外部js文件
引用外部js文件，可以使js文件和HTML文件相分離、一個(gè)js文件可被多個(gè)HTML文件使用、維護(hù)起來(lái)也更方便等等。
用法是把script元素的src屬性，設(shè)置為js文件的URL即可，如：
<script src="js/test.js"></script>
三、script元素在HTML文件中的位置
如果把script元素放在head元素里，就像這樣：
<!DOCTYPE html><html><head><meta charset="UTF-8"><script src="xxx.js"></script></head><body><!--頁(yè)面內(nèi)容--></body></html>
這樣做的話(huà)，待瀏覽器經(jīng)過(guò)下載、解析、執(zhí)行完js文件之后，才會(huì)呈現(xiàn)頁(yè)面內(nèi)容。如果一個(gè)頁(yè)面需要很多個(gè)js文件，那么瀏覽器可能會(huì)出現(xiàn)短暫的“白板”，用戶(hù)體驗(yàn)不好。
所以，我們應(yīng)該把js文件放在</body>的前面，這樣瀏覽器會(huì)先展現(xiàn)頁(yè)面給用戶(hù)。
<!DOCTYPE html><html><head><meta charset="UTF-8"><!--<script src="xxx.js"></script>--></head><body><!--頁(yè)面內(nèi)容--><script src="xxx.js"></script></body></html>
以上這篇就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
