网站设计网站源码,自动创建wordpress,酒店网站的建设方案,列表网推广效果怎么样这篇文章主要给大家介绍了关于JavaScript中事件与异常捕获的相关资料#xff0c;文中通过示例代码介绍的非常详细#xff0c;写的十分的全面细致#xff0c;具有一定的参考价值#xff0c;对此有需要的朋友可以参考学习下。如有不足之处#xff0c;欢迎批评指正。事件处理…这篇文章主要给大家介绍了关于JavaScript中事件与异常捕获的相关资料文中通过示例代码介绍的非常详细写的十分的全面细致具有一定的参考价值对此有需要的朋友可以参考学习下。如有不足之处欢迎批评指正。事件处理【onClick】单击事件、【onMouseOver】鼠标经过事件、【onMouseOut】鼠标移出事件、【onChange】文本内容改变事件、【onSelect】文本被框选事件、【onFoucus】得到光标事件、【onBlur】光标失去事件、【onLoad】网页加载事件在body标签中添加、【onUnload】网页关闭事件在body标签中添加或者使用window.οnlοadfunction(){} 事件注册及监听1、 DOM0级事件处理在标签中添加onClick或其他事件的属性并赋值为JS的自定义方法名HTML复制全屏1onClickdongfun(20)两种方法在事件中得到事件的标签对象HTML复制全屏1div iddivid onMouseOveroverbut(this) onMouseOutoutbut()JavaScript/div2script3 //通过参数传递对象4 function overbut(obj){5 obj.innerHTML事件触发发鼠标在我的范围;6 }7 //通过ID查找到对象8 function outbut(){9 document.getElementById(divid).innerHTML再见见;10 }//11/script内容改变监听方法一HTML复制全屏1input onChangethis.style.backgroundColorred方法二HTML复制全屏1input idinid onChangeinputbut(this)2script3 function inputbut(obj){4 obj.style.backgroundColorgreen;//更改样式 5 }6/script2、 DOM1级事件处理通过标签或者ID寻找到对象进行事件监听一个事件只能对应一个事件处理函数在HTML中不用进行注册HTML复制全屏1function dongfunx(){2 alert(JavaScript弹框);3 }4//找到对象5var h1objxdocument.getElementsByTagName(h1)[0];6//注册事件7h1objx.οnclickdongfunx;8//清除事件9h1objx.οnclicknull;3、 DOM2级事件处理通过标签或者ID寻找到对象进行事件监听一个事件只能对应多个事件处理函数在HTML中不用进行注册HTML复制全屏1//通过ID找到标签对象2divobjxdocument.getElementById(divid);34//添加监听事件可以添加多个相同或者不同的事件5//参数事件名处理函数名其中事件名是普通事件中去掉“on”前缀6divobjx.addEventListener(click,onck1);7divobjx.addEventListener(click,onck2);89//事件处理函数10function onck1(){11 alert(----- onck1 -----); 12 }13function onck2(){14 alert(----- onck2 -----); 15}//1617//移除点击事件18divobjx.removeEventListener(click,onck1);匿名方法实现HTML复制全屏1divobjxdocument.getElementById(divid);2divobjx.addEventListener(click,function(){3//执行操作内容4alert(----------);5});补充阻止HTML的默认事件HTML复制全屏1a hrefhttps://www.cnblogs.com/dongxiaodong/ relexternal nofollow 跳转/a2script3 function dongfunx(eventx){4 eventx.preventDefault();//阻止默认事件不进行跳转5 }6 //找到对象7 var aobjxdocument.getElementsByTagName(a)[0];8 //注册事件9 aobjx.οnclickdongfunx;10/script页面加载完毕监听HTML复制全屏1window.οnlοadfunction(){2alert(页面加载完毕);3}//异常捕获如果程序执行时遇到异常且未进行异常捕获则程序将终止执行如果有异常捕获则可以继续执行异常以下的代码。捕获所有异常HTML复制全屏1try{2 //alert(jj);//未定义变量异常3 throw(JavaScript异常);//手动抛出异常参数为异常内容4}catch(e){5 alert(捕获的错误:e);6 }结语想学前端的看我个性签名哦
