二.JS引入方式

419 阅读1分钟

JavaScript代码引入方式

1.内部引入

在head或body标签中任何地方添加任意个script标签,在标签内部写js代码

image.png

2.行内引入

在标签内部的事件属性中写js代码

image.png

表示点击一次网页上的连接在控制台打印一次777

<开始标签 on+事件类型=“js代码”></结束标签>

image.png

3.外部引入

外部定义JS文件以.js结尾,在JS文件中写代码,JS文件中只能写JS代码不能再通过script标签引入其他JS文件

1)ES5版本

image.png

加载这个JS文件并运行

PS:外部引入时src采用相对路径

image.png

此时只会运行外部js文件代码,不会运行脚本标签内部的js代码

2)ES6版本

模块化:导出(export)与导入(import)两个模块,可以解决ES5外部引入的问题

image.png

既可以运行外部文件js代码也可运行脚本标签内部js代码