事件驱动
1.js是一门事件驱动型的编程语言,依靠事件去驱动,然后执行对应的程序。
列如鼠标单击事件 click ,对应的事件句柄 onclick。事件句柄是以HTML标签的属性存在。
2.onclick执行原理
页面打开的时候,js代码并不会执行,只是这段js代码注册到按钮的click事件上去了。
等这个按钮发生了click事件后,注册在onclick后面的js代码会被浏览器自动调用。
js代码
alert自动弹窗
<input type="submit" value="hello" onclick="alert('hello')"/>
脚本块
暴露在脚本块中的程序,在页面打开的时候执行,并且遵循自上而下的顺序依次执行,不需要事件。
注意:无论放在html文件的任意位置都按照自上而下的顺序依次执行。
<script type="text/javascript">
window.alert('hello');
window.alert('haha');
</script>
在需要的位置引入js脚本文件
在引入外部独立的js文件的时候,js文件中的代码会遵循自上而下的顺序依次执行。
注意:
1.引入了js脚本文件,脚本块中的js代码不会实现
html文件中js代码
<script type="text/javascript" src="js/1.js">
</script>
js脚本文件
window.alert('hello');
window.alert('hhaha');