JavaScript代码的书写位置

JavaScript代码的书写位置

• 和css一样，我们的js也有多种方式书写在页面上让其生效
• js也有多种方式书写，分为行内式，内嵌式，外链式

行内式JS代码(不推荐)

• 写在标签上的js代码需要依靠事件(行为)来触发

<!-- 写在a标签的href属性上-->
<a rel="nofollow" href="javascript:alert('我是一个弹出层');">点击一下试试</a>

<!-- 写在其他元素上 -->
<div onclick="alert('我是一个弹出层')">点击一下试试看</div>

<!-- 注:onclick是一个事件(点击事件)，当点击元素的时候执行后面的js代码 -->

内嵌式JS代码

• 内嵌式的js代码会在页面打开的时候直接触发

<!-- 在html页面书写一个script标签，标签内部书写js代码-->
<script type="text/javascript">
	alert('我是一个弹出层')
</script>
<!-- 注:script标签可以放在head里面也可以放在body里面-->

外链式JS代码(推荐)

• 外链式 js代码只要引入了html页面，就会在页面打开的时候直接触发
• 新建一个.js后缀的文件，在文件内书写js代码，把写好的js文件引入html页面

// 我是 index.js 文件
alert('我是一个弹出层')

<!-- 我是一个html文件-->

<!--通过script标签的src属性，把写好的js文件引入页面-->
<script src="index.js"></script>

<!--一个页面可以引入多个js文件-->
<script src="index1.js"></script>
<script src="index2.js"></script>
<script src="index3.js"></script>