01 2016 档案

摘要:jQuery与Ajax应用 一、Ajax的优势和不足 1.Ajax的优势: (1)不需要插件支持:不需要任何浏览器插件就可以被绝大多数浏览器支持 (2)优秀的用户体验:能在不刷新整个页面的前提下更新数据 (3)提高web程序的性能:按需发送数据 (4)减轻服务器和带宽的负担:在客户端创建Ajax引擎 阅读全文
posted @ 2016-01-28 22:17 -cyber 阅读(393) 评论(0) 推荐(0)
摘要:jQuery对表单、表格的操作以及更多应用 一、表单应用 1.单行文本框应用 (1)获取和失去焦点改变样式 HTML代码如下: <form action="#" method="POST" id="regForm"> <fieldset> <legend>个人信息</legend> <div> <l 阅读全文
posted @ 2016-01-28 22:16 -cyber 阅读(347) 评论(0) 推荐(0)
摘要:jQuery中的事件和动画 一、jQuery中的事件 1.加载DOM (1)执行时机 $(document).ready()方法和window.onload方法有相似的功能,但是在执行时机方面是有区别的。window.onload方法是在网页中所有元素完全加载到浏览器后才执行,而$(document 阅读全文
posted @ 2016-01-27 23:43 -cyber 阅读(339) 评论(0) 推荐(0)
摘要:一、jQuery中的DOM操作 一般来说,DOM操作分为3个方面,即DOM Core核心、HTML-DOM和CSS-DOM 1.DOM Core JavaScript中的getElementById()、getElemntByTagName()、getAttribute()和setAttribute 阅读全文
posted @ 2016-01-27 23:42 -cyber 阅读(462) 评论(0) 推荐(0)
摘要:一、jQuery选择器jQuery的行为规则都必须在获取到元素后才能生效。来看一个简单的例子: jQuery Demo $(“.class”).click(function(){ alert(“jQuery demo!”); })本段代码的作用是为元素设置一个onclick... 阅读全文
posted @ 2016-01-26 20:34 -cyber 阅读(278) 评论(0) 推荐(0)
摘要:一、jQuery的优势1.轻量级:压缩之后大小只有30KB左右。2.强大的选择器:jQuery允许CSS1到CSS3几乎所有的选择器以及自身独创的选择器。3.出色的DOM操作的封装:jQuery封装了大量常用的DOM操作,是开发者在编写DOM操作相关程序的时候能够得心应手。4.可靠的事件处理机制:j... 阅读全文
posted @ 2016-01-26 20:33 -cyber 阅读(319) 评论(0) 推荐(0)
摘要:DOM对象控制HTML1.方法 getElementsByName( ) ——获取name getElementsByTagName( ) ——获取元素 getAttribute( ) ——获取元素属性 setAttribute( ) ——设置元素属性 childNodes( ) ——访问子节点 p... 阅读全文
posted @ 2016-01-26 20:30 -cyber 阅读(185) 评论(0) 推荐(0)
摘要:字符串的调用方法:var s="hello, world";document.write(s.charAt(0)); //第一个字符document.write(s.charAt(s.length-1)); //最后一个字符document.write(s.substring(1,4)); /... 阅读全文
posted @ 2016-01-26 20:29 -cyber 阅读(416) 评论(0) 推荐(0)
摘要:第二十一章Ajax与Comet一、XMLHttpRequest对象 1.XHT的用法 在使用XHR对象时,要调用的第一个方法时open( ),它接受3个参数:要发送的请求的类型、请求的URL和表示是否异步发送请求的布尔值。下面是调用这个方法的例子: xhr.open( “get” , ”exampl... 阅读全文
posted @ 2016-01-18 07:23 -cyber 阅读(249) 评论(0) 推荐(0)
摘要:第二十章一、语法JSON的语法可以表示以下三种类型的值:(1)简单值(2)对象JSON的对象与javascript字面量有一些不同。例如,在javascript中,前面的对象字面量可以写成下面这样:var object = { “name” : “Nicholas” , “age” : 29} ;J... 阅读全文
posted @ 2016-01-18 07:22 -cyber 阅读(227) 评论(0) 推荐(0)
摘要:错误处理与调试一、错误处理1.try-catch语句: ECMA-262第3版引入了try-catch语句,作为javascript中处理异常的一种标准方式。基本的语法如下: try { //可能会导致错误的代码 } catch(error){ //在错误发生时怎么处理 }也就是说,我们应该把所有可... 阅读全文
posted @ 2016-01-18 07:22 -cyber 阅读(207) 评论(0) 推荐(0)
摘要:第十四章一、表单的基础知识在HTML中,表单是由元素来表示的,而在javascript中,表单对应的则是HTMLFormElement类型。HTMLFormElement继承了HTMLElement,因而与其他HTML元素具有相同的默认属性。不过,HTMLFormElement也有它自己下列独有的属... 阅读全文
posted @ 2016-01-18 07:21 -cyber 阅读(434) 评论(0) 推荐(0)
摘要:第十三章一、理解事件流 事件流描述的是从页面中接收事件的顺序。1.事件冒泡 IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点。以下面的HTML页面为例: Event Bubling Example Click Me 如果你单机了页面中的元素,那么... 阅读全文
posted @ 2016-01-18 07:21 -cyber 阅读(214) 评论(0) 推荐(0)
摘要:一、选择符API SelectorsAPILevel 1的核心是两个方法:querySelector()和querySelectorAll()。1. querySelector()方法 querySelector()方法接收一个CSS选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回... 阅读全文
posted @ 2016-01-08 00:46 -cyber 阅读(198) 评论(0) 推荐(0)
摘要:DOM1级主要定义的是HTML和XML文档的底层结构。DOM2和DOM3级则在这个结构的基础上引入了更多的交互能力,也支持了更高级的XML特性。为此DOM2和DOM3级分为许多模块,这些模块如下: DOM2级核心; DOM2级视图; DOM2级事件; DOM2级样式; DOM2级遍历和范围; DOM... 阅读全文
posted @ 2016-01-08 00:46 -cyber 阅读(376) 评论(0) 推荐(0)
摘要:第九章一、使用能力检测 能力检测的目标不是识别特定的浏览器,而是识别浏览器的能力。能力检测的基本模式如下: if ( object.propertyInQuestion ) { //使用object.propertyInQuestion }二、怪癖检测 与能力检测类似,怪癖检测的目标是识别浏览器的特... 阅读全文
posted @ 2016-01-08 00:45 -cyber 阅读(210) 评论(0) 推荐(0)
摘要:一、理解包含不同层次节点的DOM1.节点层次 以下面的HTML为例: Sample Page Hello World! 可以将这个简单的HTML文档表示为一个层次结构。 文档节点是每个文档的根节点。在这个例子中,文档节点只有一个子节点元素,我们称之为文档元素。文档元素是文档的最外层元素,... 阅读全文
posted @ 2016-01-08 00:45 -cyber 阅读(294) 评论(0) 推荐(0)
摘要:1.window对象——BOM的核心 BOM的核心对象时window,它表示浏览器的一个实例。在浏览器中,window对象有双重角色,它既是通过javascript访问浏览器窗口的一个接口,又是ECMAscript规定的global对象。这意味着在网页中定义的任何一个对象、变量和函数,都以windo... 阅读全文
posted @ 2016-01-08 00:44 -cyber 阅读(258) 评论(0) 推荐(0)
摘要:第六章面向对象的程序设计一、理解对象1.属性类型:ECMAScript中有两种属性:数据属性和访问器属性。(1)数据属性:数据属性包含一个数据值的位置。在这个位置可以读取和写入值。数据属性有4个可以描述其行为的特性:[[Configurable]]:表示能否通过delete删除属性从而重新定义属性,... 阅读全文
posted @ 2016-01-05 08:57 -cyber 阅读(201) 评论(0) 推荐(0)
摘要:函数表达式1.函数表达式的特征:定义函数的方式有两种:一种是函数声明,另一种就是函数表达式。函数声明的语法是这样的:function functionName(arg0,arg1,arg2){ //函数体}首先是函数function关键字,然后是函数的名字,这就是指定函数名的方式。关于函数声明,它的... 阅读全文
posted @ 2016-01-05 08:57 -cyber 阅读(261) 评论(0) 推荐(0)