在頁(yè)面中引入js有兩種基本方式：在頁(yè)面中嵌入js、引用外部js文件。
一、在頁(yè)面中嵌入js
這是在頁(yè)面使用js最簡(jiǎn)單的方式了，一般我在寫個(gè)小測(cè)試的情況下會(huì)用這種方式。
把script元素寫在</body>前面，script元素的內(nèi)容就是js代碼。像這樣：
<script>// 在這里寫jsfunction test(){alert('說點(diǎn)什么呢'); }test();</script>二、引用外部js文件
引用外部js文件，可以使js文件和HTML文件相分離、一個(gè)js文件可被多個(gè)HTML文件使用、維護(hù)起來也更方便等等。
用法是把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>
這樣做的話，待瀏覽器經(jīng)過下載、解析、執(zhí)行完js文件之后，才會(huì)呈現(xiàn)頁(yè)面內(nèi)容。如果一個(gè)頁(yè)面需要很多個(gè)js文件，那么瀏覽器可能會(huì)出現(xiàn)短暫的“白板”，用戶體驗(yàn)不好。
所以，我們應(yīng)該把js文件放在</body>的前面，這樣瀏覽器會(huì)先展現(xiàn)頁(yè)面給用戶。
<!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è)參考，也希望大家多多支持VeVb武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
