在頁(yè)面中引入js有兩種基本方式：在頁(yè)面中嵌入js、引用外部js文件。
一、在頁(yè)面中嵌入js
這是在頁(yè)面使用js最簡(jiǎn)單的方式了，一般我在寫個(gè)小測(cè)試的情況下會(huì)用這種方式。
把script元素寫在</body>前面，script元素的內(nèi)容就是js代碼。像這樣：
<script>
// 在這里寫js
function test(){
alert('說點(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>
這樣做的話，待瀏覽器經(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è)參考，也希望大家多多支持腳本之家。
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 51dongshi.com 版權(quán)所有
違法及侵權(quán)請(qǐng)聯(lián)系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬(wàn)商天勤律師事務(wù)所王興未律師提供法律服務(wù)
