5 异常处理
1 异常处理语句try 语句使您能够测试代码块中的错误。 catch 语句允许您处理错误。 throw 语句允许您创建自定义错误。 finally 使您能够执行代码，在 try 和 catch 之后，无论结果如何。 123456789try { 供测试的代码块} catch(err) { 处理错误的代码块} finally { 无论 try / catch 结果如何都执行的代码块}
6 对象
1 对象定义 在JavaScript中所有事物都是对象。 对象也是一个变量，可以包含任意值。var car = {type:"Fiat", model:500, color:"white"}; 2 对象属性定义 键值对 访问 person.lastName person[“lastName”] 3 对象方法对象绑定的函数称为方法1234567891011var xiaoming = { name: '小明', birth: 1990, age: function () { var y = new Date().getFullYear(); return y - this.birth; }};xiaoming.age; // function xiaoming.age()xiaoming.age(); // 今年调用是25,明年调用就变成26了 this变量 this指针一直指向当前的对象。 如果是全局对象，this指向wi...
8 事件响应
1 常见事件 本质上也是一种异步通信的方式。基于回调的异步通信，和基于事件响应机制的异步通信。 鼠标事件 onclick 用户点击了 HTML 元素 ondblclick 当用户双击某个对象时调用的事件句柄 onmousedown 鼠标按钮被按下。 onmouseenter 当鼠标指针移动到元素上时触发。 onmouseleave 当鼠标指针移出元素时触发 onmousemove 鼠标被移动。 onmouseover 鼠标移到某元素之上。 onmouseout 鼠标从某元素移开。 onmouseup 鼠标按键被松开。 键盘事件 onkeydown 用户按下键盘按键 onkeypress 某个键盘按键被按下并松开。 onkeyup 某个键盘按键被松开。 框架对象事件 onabort 图像的加载被中断。 ( ) 2 onbeforeunload 该事件在即将离开页面（刷新或关闭）时触发 2 onerror 在加载文档或图像时发生错误。 ( , 和 ) onhashchange 该事件在当前 URL 的锚部分发生修改时触发。 onload 一张页面或一幅图像...
7 内建对象
JavaScrip对象0 对象typeof在JavaScript一切皆对象。 使用typeof运算符获取对象类型。返回对象类型。 包装对象将基本类型转换为对象类型。 123var n = new Number(123); // 123,生成了新的包装类型var b = new Boolean(true); // true,生成了新的包装类型var s = new String('str'); // 'str',生成了新的包装类型 1 JavaScript内建对象Array对象Array 对象用于在变量中存储多个值 Boolean对象Boolean 对象用于转换一个不是 Boolean 类型的值转换为 Boolean 类型值 (true 或者false). Date对象Date 对象用于处理日期与时间。 Math对象Math 对象用于执行数学任务。 Number对象原始数值的包装对象 String对象处理文本字符串 RegExp对象正则表达式字符串的处理 全局属性、函数encode、decode系列数据类型转换系列 Error对象在错误发生时...
9 JSON
1 JSON 简介JSON 是存储和传输数据的格式。 JSON 经常在数据从服务器发送到网页时使用。 JSON 指的是 JavaScript Object Notation JSON 是轻量级的数据交换格式 JSON 独立于语言 * JSON 是“自描述的”且易于理解 2 JSON使用基本语法 数据是名称/值对 数据由逗号分隔 花括号保存对象 方括号保存数组 JSONObjectJSON 数据的书写方式是名称/值对。 名称/值对由（双引号中的）字段名构成，其后是冒号，再其后是值：JSON 对象是在花括号内书写的。 1{"firstName":"Bill", "lastName":"Gates"} JSONArrayJSON 数组在方括号中书写。 12345"employees":[ {"firstName":"Bill", "lastName":&q...
2事件
1 常见事件 jquery对事件进行了重新封装。采取了与原生JS完全不同的事件处理方法。JS是在HTMLDOM元素中个，添加事件属性，将事件属性与事件响应函数绑定的方法，完成事件响应机制。 jquery，大多数DOM事件都有一个等效的jQuery方法对应。调用jQuery对象的事件函数，传递高阶函数作为参数，用于回调。实现事件响应与主进程的异步通信。 鼠标事件 click dblclick mouseenter mouseleave hover 键盘事件 keypress keydown keyup 表单事件 submit change focus blur 文档/窗口事件 load resize scroll unload 2 事件处理直接绑定事件处理方法 回调函数作为参数进行传递。 1$("p").click(function(){$(this).hide()}); $(document).ready()在加载完成文档后需要执行的函数。 通过bind绑定事件处理方法可以直接在jQuery对事件进行绑定。而不用在h...
1简介
1 功能 jquery是js的一个框架。目的是对js的编程方式进行封装，提供了新的编程方法。简化过程。主要功能包括以下五个部分。非常重要和关键。 HTML元素选取 HTML元素操作：HTML和CSS、HTML DOM 遍历和修改 HTML事件处理： JS特效动画 AJAX异步请求 2 引用使用本地jquery1234<head><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script></head> 使用CDN1234<head><script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script></head> 3 基础选择器元素选择器1$("p") #id选择器1$("#test") .class 选择...
3动画
jQuery效果1 显示和隐藏123456789101112131415$(selector).hide(speed,callback);$(selector).show(speed,callback);$(selector).toggle(speed,callback);$("#hide").click(function(){ $("p").hide();}); $("#show").click(function(){ $("p").show();});$("button").click(function(){ $("p").toggle();}); 2 淡入淡出123456789101112131415161718192021222324252627$(selector).fadeIn(speed,callback);$(selector).fadeOut(speed,callback);$...
4操作
1 获取设置内容的方法 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 12345678910111213141516171819$("#btn1").click(function(){ alert("Text: " + $("#test").text());});$("#btn2").click(function(){ alert("HTML: " + $("#test").html());});$("#btn1").click(function(){ alert("值为: " + $("#test").val());});$("#btn1").click(function(){ ...
5遍历
1 定义与Xpath选择器十分详细。在简介中通过css选择器，能够锁定目标元素。 2 向上遍历 parent() parents() parentsUntil() 1234567$(document).ready(function(){ $("span").parents("ul");});$(document).ready(function(){ $("span").parentsUntil("div");}); 3 向下遍历 children() find() 1234567$(document).ready(function(){ $("div").children();});$(document).ready(function(){ $("div").find("span");}); 4 水平遍历 siblings() next() nex...
