1思考：js脚本的嵌入方式

1）浏览器的加载顺序。遇到js执行js，执行完成后继续加载。可能会导致文档阻塞，加载不出内容

2）文档全部加载完成后再加载js。js中定义了一种window.onload事件可以解决以上问题

2简介：什么是事件？

事件就是浏览器或者用户交互时触发的行为。比如按钮点击，表单提交，鼠标滑动等等…

3事件的分类：

1）系统事件：如：文档加载完成。

2）用户事件：如：鼠标移入移出，单击双击等。

4事件触发：

系统事件会由系统触发，如window.onload事件，用户事件由用户行为触发如click事件。主要讲解的系统事件是window.onload，用户事件主要在操作html文档的时候触发。详细事件列表可参考w3c离线文档中的JavaScriptàdom事件

3.5常见的事件

onblur	元素失去焦点。
onchange	域的内容被改变。
onclick	当用户点击某个对象时调用的事件句柄。
onfocus	元素获得焦点。
onkeydown	某个键盘按键被按下。
onload	一张页面或一幅图像完成加载

6事件响应：

1）我们希望某个事件发生的时候我们可以做一些事情。这个称为事件的响应，比如用户点击了一个按钮，我弹出一个框告诉用户，你成功的点击了这个按钮。

2） 事件触发后我们要执行的方法称为响应函数。如何将响应函数与事件关联起来。我们常使用为事件赋值函数的方法。如window.onload事件触发时我们执行弹出对话框

window.onload = function(){

          alert(“文档加载完成了！”)

}

我们也可以使用标签的事件属性来触发响应函数，如：

<a href=”atguigu.com” onclick=”gotoguigu()”>尚硅谷</a>

//onclick会触发gotoguigu()函数

我们在<script></script>中定义这个函数

<script type=”text/javascript”>

          function gotoguigu(){

                   alert(“我要去上硅谷”)

}

</script>

7取消事件的默认行为

1）默认行为：某些事件触发后，系统会有默认的响应处理。如：

         超链接点击后会自动跳转、表单提交点击后会发送请求

2）取消默认行为的方式：

         return false;即可

8正确的js加载方式

文档加载完成后加载js

所以我们以后写js的时候，请把他包在window.onload 的响应函数里，表示文档加载完成后会执行函数里面的代码。

<script type=”text/javascript”>

window.onload = function(){

                                   //js代码

}

</script>

想要了解跟多关于Java培训课程内容欢迎关注尚硅谷Java培训，尚硅谷除了这些技术文章外还有免费的高质量Java培训课程视频供广大学员下载学习

上一篇: Java培训课程JavaWeb之dom操作
下一篇: 大数据培训面试题讲解之宽依赖与窄依赖区别