HTML之JavaScript定义位置总结

JavaScript定义的位置，与css样式定义位置大体上一致；本文中具体对JavaScript定义的相关问题进行描述：

一、定义在js文件中：

定义位置：将JavaScript脚本定义在js文件中；

如何引用：通过script标签的src标签属性将该JavaScript文件引入到HTML文档中；

语法结构为：
<script type="text/javascript" src="js文件路径"></script>。

时机：如果JavaScript代码量比较大或者需要在多个页面中共享，则建议定义在JavaScript脚本文件中。

注意：js文件中只能包含JavaScript脚本代码，不能包含script标签

示例（展示主要语句）：

html文件中

<script type="text/javascript" src="js/index.js" ></script>

index.js文件中

alert("js文件中")

展示效果：

在页面内以弹窗的形式提示

二、定义在< script>标签内

定义位置：定义在HTML文档内的script标签中；

语法结构：
<script type="text/javascript">JavaScript代码</script>

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

代码示例（只展示script标签）：

<script>
	alert("script标签内")
</script>

执行结果：

三、其他html标签内

定义位置：定义在HTML文档内某标签的事件标签属性中（比如onclick）

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

代码示例：

<label onclick="javascript:alert('标签属性中');">点击我</label>

执行效果：

点击之后会出现弹窗效果