导入js的三种方式
文章目錄
- 1 行內導入方式(不推薦,不安全)
- 2 內嵌式
- 3 外鏈式
- 4 注意點
1 行內導入方式(不推薦,不安全)
<body><span onclick="alert('第一種方式')">導入js的第一種方式,行內導入</span> </body>2 內嵌式
<!DOCTYPE html> <html><head><meta charset="gbk"><title>index</title><script>alert('第二種方式');</script></head><body></body> </html>3 外鏈式
如果把script元素放在head元素里,待瀏覽器經過下載、解析、執行完js文件之后,才會呈現頁面內容。如果一個頁面需要很多個js文件,那么瀏覽器可能會出現短暫的“白板”,用戶體驗不好。所以,我們應該把js文件放在</body>的前面,這樣瀏覽器會先展現頁面給用戶。type屬性可以不寫
<script src="/xxx.js"></script>4 注意點
內嵌導入和外鏈導入不能合并到一起
<script src="/xxx.js">alert('這個不會被執行'); </script>總結
- 上一篇: Qt 5 打包成一个单文件方法,可以在其
- 下一篇: 导入CSS的三种方式