异常捕获

Try{

　　发生异常的代码块

}catch(err){

　　异常信息处理

}

 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta chaset="UTF-8">

     <title></title>

 </head>

 <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 "请输入";   //一般throw会与try,catch配合使用

                 }

             }catch(err){

                 alert(err);

             }

         }

     </script>

 </body>

 </html>

事件处理

1、onclick鼠标点击事件

2、onmouseout鼠标离开事件

3、onmouseover鼠标经过事件

4、onchange文本框内容改变事件

5、onselect文本框内容选中事件

6、onfocus光标聚集事件

7、onload网页加载完毕事件

样式表style.css

 .div{

     width: 100px;

     height: 100px;

     background-color: red;

 }
 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta chaset="UTF-8">

     <title></title>

     <link rel="stylesheet" type="text/css" href="style.css"> <!--指定rel为样式表，类型为css，外部文件为style.css-->

 </head>

 <body onload="onLoad()"> 　　　　　　　　　　　　　　　　　　　　  <!--onload网页加载完毕事件-->

     <button onclick="onClick()">按钮</button>   　　　　　　　　<!--onclick鼠标点击事件-->

     <div class="div" onmouseout="onOut(this)" onmouseover="onOver(this)"></div> <!--onmouseout鼠标离开事件，onmouseover鼠标经过事件 -->

     <form>

         <input type="text" onchange="onChange(this)"> 　　　　<!--onchange文本框内容改变事件-->

         <br>

         <input type="text" onselect="onSelect(this)" onfocus="onFocus(this)">   <!--onselect文本框内容选中事件，onfocus光标聚集事件-->

     </form>

     <script>

         function onClick(){

             alert("onclick鼠标点击");

         }

         function onOver(ooj){

             ooj.innerHTML="onmouseover鼠标经过";

         }

         function onOut(ooj){

             ooj.innerHTML="onmouseout鼠标离开";

         }

         function onChange(bg){

             alert("onchange文本框内容改变");

         }

         function onSelect(bg){

             bg.style.background="yellow";

             alert("onselect文本框内容选中");

         }

         function onFocus(bg){

             bg.style.background="green";

             alert("onfocus光标聚集");

         }

         function onLoad(){

             alert("onload网页加载完毕");

         }

     </script>

 </body>

 </html>

javascript学习笔记（五）：异常捕获和事件处理的更多相关文章

  1. javascript学习笔记（四）：事件处理函数和动态创建html标记。

    1 HTML的事件属性  全局事件属性:HTML 4 增加了使事件在浏览器中触发动作的能力,比如当用户点击元素时启动 JavaScript. a. Window 事件属性,针对 window 对象触发 ...

  2. JAVAscript学习笔记 js异常 第二节 （原创） 参考js使用表

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. javascript学习笔记(四) Number 数字类型

    数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数  toExponential() 方法 用科学 ...

  4. python学习笔记5_异常

    python学习笔记5_异常 1.什么事异常 Python使用异常对象(exception object) 来表示异常情况.遇到错误会发生异常. 如果异常对象未被处理或被捕捉,程序就会用所谓的回溯(t ...

  5. ES6学习笔记<五> Module的操作——import、export、as

    import export 这两个家伙对应的就是es6自己的 module功能. 我们之前写的Javascript一直都没有模块化的体系,无法将一个庞大的js工程拆分成一个个功能相对独立但相互依赖的小 ...

  6. JavaScript:学习笔记(2)——基本概念与数据类型

    JavaScript:学习笔记(2)——基本概念与数据类型 语法 1．区分大小写．Test 和 test 是完全不同的两个变量. 2．语句最好以分号结束,也就是说不以分号结束也可以． 变量 1.JS的 ...

  7. JavaScript:学习笔记(10)——XMLHttpRequest对象

    JavaScript:学习笔记(10)——XMLHttpRequest对象 XHR对象 使用XMLHttpRequest (XHR)对象可以与服务器交互.您可以从URL获取数据,而无需让整个的页面刷新 ...

  8. Javascript学习笔记——操作浏览器对象

    Javascript学习笔记 目前尝试利用javascript去对于一个浏览器对象完成一系列的访问及修改, 浏览器是网页显示.运行的平台,常用的浏览器有IE.火狐(Firefox).谷歌(Chrome ...

  9. C#可扩展编程之MEF学习笔记(五)：MEF高级进阶

    好久没有写博客了,今天抽空继续写MEF系列的文章.有园友提出这种系列的文章要做个目录,看起来方便,所以就抽空做了一个,放到每篇文章的最后. 前面四篇讲了MEF的基础知识,学完了前四篇,MEF中比较常用 ...

  10. （转）Qt Model/View 学习笔记 (五)——View 类

    Qt Model/View 学习笔记 (五) View 类 概念 在model/view架构中,view从model中获得数据项然后显示给用户.数据显示的方式不必与model提供的表示方式相同,可以与 ...

随机推荐

  1. [Unity插件]Lua行为树(六)：打印树结构

    经过前面的文章,已经把行为树中的四种基本类型节点介绍了下.接下来可以整理一下,打印一下整棵行为树.注意点如下: 1.可以把BTBehaviorTree也当作一种节点,这样就可以方便地进行行为树嵌套了 ...

  2. ROS学习手记 - 6 使用ROS中的工具:rqt_console & roslaunch & rosed

    http://wiki.ros.org/ROS/Tutorials/UsingRqtconsoleRoslaunch Using rqt_console and roslaunch This tuto ...

  3. Spring MVC 学习笔记12 —— SpringMVC+Hibernate开发（1）依赖包搭建

    Spring MVC 学习笔记12 -- SpringMVC+Hibernate开发(1)依赖包搭建 用Hibernate帮助建立SpringMVC与数据库之间的联系,通过配置DAO层,Service ...

  4. 关于Linux（时间网路同步）

    Linux 时间同步只针对命令行界面,图形界面请自行摸索. 转自Linux下ntpdate时间同步

  5. 使用MediaPlayer类和SurfaceView来播放视频

    MediaPlayer可以播放视频,只需需要SurfaceView的配合,SurfaceView主要用于显示MediaPlayer播放的视频流媒体的画面渲染. SurfaceView是配合MediaP ...

  6. 使用expect解决shell交互问题

    比如ssh的时候,如果没设置免密登陆,那么就需要输入密码.使用expect可以做成自动应答 1.expect检测和安装 sudo apt-get install tcl tk expect 2.脚本样 ...

  7. python tuple排序

    tuple排序,按照索引0,1,2,3...依次比较 a = [3,1,0,9,6,2,4,8,7,5] a.sort(key = lambda x: (x%2, x, x%3)) # 先按照x%2的 ...

  8. jquery_ajax 地址三级联动

    jquery 的三级地址联动,原理与javascript类似,只是在触发请求的时候,使用封装好的 $.get ,$post,$.ajax 方法去执行,其余的都是一样的,后台服务器请求文件是一样的,前台 ...

  9. javascript_ajax 地址三级联动

    1.三级地址联动思路如下: 2.建立数据库.这里直接使用网上的地址数库,最后一个字段无用,先不去管它 3.建立一个server.php 文件 <?php // 数据库连接 mysql_conne ...

  10. Spark读取配置（转）

    转自:https://github.com/keepsimplefocus/spark-sourcecodes-analysis/blob/master/markdowns/Spark%E8%AF%B ...