导入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的三种方式