Java培训课程JavaWeb之js事件

发布时间:2020年02月14日作者:atguigu浏览次数:729

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培训 大数据培训 前端培训 UI/UE设计培训

关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
全国统一咨询电话:010-56253825
地址:北京市昌平区宏福科技园2号楼3层(北京校区)

深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦3层(上海校区)

武汉市东湖高新开发区东湖网谷(武汉校区)

西安市雁塔区和发智能大厦B座3层(西安校区)