HTML引入外部javascript是什么属性(2)-木庄网络博客

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript" src="demo.js" ></script>
</body>
</html>

输出：

说明：

一旦<script>标签使用了src属性，它就作为一个引用外部文件而非编辑页面内部的脚本的元素。也就是说，使用src表明该元素适用于引用一个外部 Javascript 文件，且不是为了在页面中插入一段 Javascript 脚本。

这表明，不应当也无必要（而且无用）在使用了src属性的<script>标签中再插入代码。这会引起不可预知的结果，并且，至少在大多数浏览器中，这没有实际效果。假如向本文实例添加下列代码：

<script src="demo_script_src.js">
   document.write("这个输出的内容来自本文件的 Javascript。");
</script>

它可能会正常解析src属性所引用的 Javascript 文件，但可能并不会执行直接在<script>标签内编辑的任何代码。显然，<script>的诸多特殊性质（比如它的部分只能用于外部文件的属性）决定了，不可能再正常执行引用的外部文件的同时又兼顾其中直接编辑的内容。

【相关推荐：javascript学习教程】

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者