异常捕获

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. elasticssearch+kibanna入门（撰写中）

    看到一篇elasticssearch+kibanna的文章,觉得很好,不过例子是python的,所以使用java自己安装一下: https://mp.weixin.qq.com/s?__biz=MjM ...

  2. openstack placement

  3. Flex学习笔记PopUpMenuButton

    <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...

  4. HTML5 Canvas 小例子 旋转的时钟

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. linux输入密码的实现

    可以使用 getpass 这个函数,无回显的密码,为什么无回显,因为Linux的开发者一般认为不回显比显示为*更安全(比如当密码只有一两位长度的时候,设置为*几乎没有一点安全性). char *get ...

  6. H5自动准备杂记

    由于之前没做过UI自动化,近期准备做H5自动化,要学的东西还是很多. 1.本地debug环境:android studio + android SDK(想要调试通要关注:驱动.手机开发者模式要打开) ...

  7. php计算程序运行时间

    这里介绍一下 microtime() 这个函数,microtime() 用的不多,但是不能不知道这个函数,它是返回当前 Unix 时间戳和微秒数.例如:echo microtime(); 会返回:0. ...

  8. 解决 'Could not convert variant of type (NULL) into type (String)

    写存储过程中有不允许为空的字段,在客户端转化取数时显示 Could not convert variant of type (NULL) into type (String) 可以在存储过程中使用is ...

  9. XML报错：The reference to entity "characterEncoding" must end with the ';' delimite

    解决方法: 在web.xml增加如下配置: <filter>  <filter-name>encodingFilter</filter-name>  <fil ...

  10. .Net编译原理简单介绍

    首先简单说一下计算机软件运行.所谓软件运行,就是一步一步做一些事情.计算机只认识0和1.给计算机下命令,只能是0与1的方式,确切的说,其实是CPU只认识0和1,因为软件运行是CPU控制的.人直接操作0 ...