JavaScript定义位置总结

js文件

将JavaScript脚本定义在js文件中，通过给script标签的src标签属性将该JavaScript文件引入到HTML文档中，语法结构：< script type=“text/javascript” src=“js文件路径”>< /script>。
举例如下：先定义一个JavaScript文件，再在html文件中引入

JavaScript文件如下

输出结果如下：

时机：如果JavaScript代码量比较大或者需要在多个页面中共享，则建议定义在JavaScript脚本文件中。
注意：JavaScript脚本文件中只能包含JavaScript脚本，不能包含script标签

script标签

将JavaScript脚本定义在HTML文档内的script标签中，语法结构：< script type=“text/javascript”>JavaScript代码< /script>；其中type="text/javascript"可以省略。
举例如下


时机： JavaScript代码比较少并且没有共享的需求则适合定义在script标签中

普通HTML标签

将JavaScript脚本定义在HTML文档内某标签的事件标签属性中（比如onclick）
举例如下


点击上图中椭圆内的字出现下图提示脚本

时机：如果JavaScript脚本特别短，则可以直接写在HTML标签中。