本文摘自PHP中文网,作者逆旅行人,侵删。
为了避免在HTML
中显示大量的代码,我们一般选择将js脚本
单独放入一个文件中,然后再将js文件
导入HTML
中,这样可以使得HTML
文件更加简洁,本文主要介绍导入js脚本
的两种方式分别是:传统导入、模块导入。
首先确认需要导入的js脚本
的位置,本文在HTML
文件同路径下。
1.传统导入:
JS脚本内容:
HTML内容:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title >Document</ title >
</ head >
< body >
< script src = "./example.js" ></ script >
< script >
console.log(a);
</ script >
</ body >
</ html >
|
2.模块导入:
阅读剩余部分
相关阅读 >>
javascript怎么对url进行编码转换
javascript是一门什么脚本语言
javascript中什么是字符串
javascript如何改变背景色
javascript控制台console对象的方法有哪些
javascript专题之五:深浅拷贝
javascript如何复制对象
javascript怎么将数组转为字符串
js中闭包的概念
如何使用插件数字滚动插件numberanimate.js?
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » Javascript中导入js文件的两种方式