栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

Java web学习day05 Javascript中的事件

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Java web学习day05 Javascript中的事件

JS中的事件

事件:电脑输入设备与页面进行交互的响应

常用的事件:
①onload加载完成事件
页面加载完成后,常用于做页面js代码初始化操作
②onclick单击事件
常用于按钮的点击响应操作
③onblur失去焦点事件
常用于输入框离开焦点后验证其输入内容是否合法
④onchange 内容发生改变事件
常用于下拉列表和输入框内容发生改变后操作
⑤onsubmit表单提交事件
常用于表单提交前,验证所有表单项是否合法

事件的注册(绑定)

告诉浏览器,当事件执行后要执行哪些操作代码

事件的注册分为静态注册和动态注册

①静态注册事件:

通过html标签的事件属性直接赋予事件响应后的代码

onload事件







    
    Title
    






onclick事件


       
       




    
    Title
    



       
       


onblur事件




    
    Title
    



     用户名:
密码:

onchange




    
    Title
    



     国籍:
     



onsubmit




    
    Title
    



     
②动态注册事件:

先通过js代码得到标签的dom对象,然后再通过dom对象.事件名=function(){}这种形式赋予事件响应后的代码
动态注册基本步骤:
1.获取标签对象
2.通过标签对象.事件名=function(){}

onload事件




    
    Title
    






onclick事件




    
    Title
    



       
       


onblur事件




    
    Title
    



     用户名:
密码:

onchange




    
    Title
    



     国籍:
     



onsubmit




    
    Title
    



     
getElementByName方法

document对象提供了三种查询方法

getElementById()返回对拥有指定id的第一个对象的引用
getElementByName()返回带有指定名称的对象集合(返回多个对象)
getElementByTagName()返回带有指定标签名的对象集合

document对象的三个方法使用的注意事项:
① 如果有id属性,优先使用getElementById方法进行查询
如果没有id属性,优先使用getElementByName
最后才会选择getElementByTagName
(越往后,查询范围越大)
② 以上三个方法,一定要在页面加载完成之后执行,才能查询到标签对象




    
    Title
    



     兴趣爱好:
     C++
     Java
     JS
     
getElementByTagName



    
    Title
    



     兴趣爱好:
     C++
     Java
     JS
     
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/285576.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号