JavaScript事件处理以及异常处理

异常捕捉

1.异常: 当JavaScript引擎执行JavaScript代码时,发生了错误,导致程序停止运行
2.异常抛出:当异常产生,并且将这个异常生成一个错误信息
3.异常捕捉:
try{
发成异常的代码块
}catch(err0){
错误信息处理
}

 <script>
       function demo() {
           try {
               alert(str);
           }catch (err){
               alert(err);
           }

       }
       demo();
   </script>

4.Throw语句:
通过throw语句创建一个自定义错误

body >

    <form>
        <input id="txt" type="text">
        <input id="btn" type="button" onclick="demo()" value="按钮">
    </form>
   <script>
       function demo() {
           try{
               var  e = document.getElementById("txt").value;
               if (e == ""){
                   throw "请输入";
               }
           }catch (err){
              alert(err);
           }
       }

   </script>

事件

1、什么是事件:事件是可以被JavaScript侦测到的行为

事件.png
<body  onload="mgs()">

    <!--//this指向当前的函数-->
    <div class="divid" onmouseover="onOver(this)" onmouseout="onOut(this)">

    </div>
    <script>
    function onOver(ooj) {
    ooj.innerHTML ="Hello"
    }
    function onOut(ooj) {
        ooj.innerHTML ="world"
    }
    function changeDemo(bg) {
        alert("Hello,内容改变了")
    }
    function changeDemo1(bg) {
        bg.style.background = "red";
    }
    function changeDemo2(bg) {
        bg.style.background ="blue"
    }
    function mgs() {
        alert("网页内容加载完毕")
    }
    </script>
    <form>
        <input type="text" onchange="changeDemo(this)"></input>
        <input type="text" onselect="changeDemo1(this)" onfocus="changeDemo2(this)"></input>
    </form>

</body>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容