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>
执行效果:
点击之后会出现弹窗效果