引言

这篇文章介绍HTML文档中，JavaScript的三种常见的导入方式。

文章目录

• 0×1.标签行内导入
• 0×2.使用script标签导入
• 0×3.外部文件导入

0×1.标签行内导入

可以将js语句嵌套在其他标签中，常见用法如下，将js函数嵌套在按钮中，当用户按下按钮时，弹出弹窗提示信息：

上面这个按钮的代码如下：

					<input type="button" value="按我测试" onclick="alert('QingSword.COM')" />
					

0×2.使用script标签导入

除了可以将js函数嵌套在其他标签中外，还能直接将js函数放在script标签中：

					<script>
						alert('QingSword.COM');
					</script>
					

将这段代码放到HTML文档中，能够实现打开页面就弹出对话框的效果。

0×3.外部文件导入

外部文件的导入优先级要高于使用script标签导入，请看下面的实例：

					//虽然script标签中内嵌了alert('QingSword.COM')，但不会被执行，因为src属性指向了一个外部js文件，会忽略掉script标签内嵌套的js语句
					<script src="src/welcome.js">
						alert('QingSword.COM');
					</script>

					//在当前文档的相对目录src下创建一个welcome.js文件，内容如下
					alert('Welcome to my website QingSword.COM');
					

如果查看源代码，就会发现，在这一行的下面，我插入了一个script标签，从外部引用了welcome.js文件，这就是打开这个页面会弹窗“Welcome to my website QingSword.COM”的原因；

以上就是html文档中导入js的三种方式。