2013年4月2日
JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
摘要： alert($(window).height()); //浏览器时下窗口可视区域高度alert($(document).height()); //浏览器时下窗口文档的高度alert($(document.body).height());//浏览器时下窗口文档body的高度alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding marginalert($(window).width()); //浏览器时下窗口可视区域宽度alert($(document).width());//浏览器时下窗口文档 阅读全文
posted @ 2013-04-02 11:18 {前端开发} 阅读(314) 评论(0) 推荐(0)
2013年3月26日
各种浏览器的页面渲染引擎简介
摘要： 经常听到“XX浏览器搭载了最新版页面渲染引擎，速度大幅提升”之类的报道，以前只知道页面渲染引擎是浏览器的灵魂，IE、Firefox、Safari、Opera浏览器的渲染引擎各不相同。今天从《秦爱网志》ZT一篇介绍各种浏览器页面渲染引擎的博文，很好很全面的那种网页浏览器的页面渲染引擎负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要页面渲染引擎。Trident页面渲染引擎Trident（又称为MSHTML），是微软的视窗操作系统（Windo 阅读全文
posted @ 2013-03-26 11:28 {前端开发} 阅读(1187) 评论(0) 推荐(0)
2013年3月16日
js 添加事件 attachEvent 和 addEventListener 的用法
摘要： 一般我们在JS中添加事件,是这样子的1obj.onclick=method这种绑定事件的方式，兼容主流浏览器,但如果一个元素上添加多次同一事件呢?1obj.onclick=method1;2obj.onclick=method2;3obj.onclick=method3;如果这样写,那么只有最后绑定的事件,这里是method3会被执行,这个时候我们就不能用onclick这样的写法了,主角改登场了,在IE中我们可以使用attachEvent方法1//object.attachEvent(event,function);2btn1Obj.attachEvent("onclick" 阅读全文
posted @ 2013-03-16 23:17 {前端开发} 阅读(495) 评论(0) 推荐(0)
Javascript 的addEventListener()及attachEvent()区别分析
摘要： Mozilla中：addEventListener的使用方式：target.addEventListener(type, listener, useCapture);target： 文档节点、document、window 或 XMLHttpRequest。type： 字符串，事件名称，不含“on”，比如“click”、“mouseover”、“keydown”等。listener ：实现了 EventListener 接口或者是 JavaScript 中的函数。useCapture ：是否使用捕捉，一般用 false 。例如：document.getElementById("tes 阅读全文
posted @ 2013-03-16 23:09 {前端开发} 阅读(728) 评论(0) 推荐(0)
如何在事件代理中正确使用 focus 和 blur 事件
摘要： 什么是事件代理（Event Delegation）？如果不太了解的朋友，可详细阅读：《Event delegation in JavaScript》，这里不再累述。首先让我们一起来回顾一些常识：通常支持事件冒泡（Event Bubbling）的事件类型为鼠标事件和键盘事件，例如：mouseover, mouseout, click, keydown, keypress。接口事件则通常不支持事件冒泡（Event Bubbling），例如：load, change, submit, focus, blur。很明显：focus 和 blur 都属于不支持冒泡的接口事件。既然都不支持冒泡，那又如何实现 阅读全文
posted @ 2013-03-16 23:08 {前端开发} 阅读(926) 评论(0) 推荐(0)
2013年3月15日
jQuery 表单验证扩展(一)
摘要： http://www.cnblogs.com/qingyuan/archive/2010/10/10/1847307.htmlhttp://www.cnblogs.com/qingyuan/archive/2010/10/14/1850942.htmlhttp://www.cnblogs.com/qingyuan/archive/2010/10/17/1853789.htmlhttp://www.cnblogs.com/qingyuan/archive/2010/10/18/1855225.htmlhttp://www.cnblogs.com/qingyuan/archive/2010/12/ 阅读全文
posted @ 2013-03-15 23:46 {前端开发} 阅读(120) 评论(0) 推荐(0)
2013年3月9日
jquery 中ajax的所有状态
摘要： <script src='jquery.js'></script> <script> $(function(){ $("#starts").click(function(){ $.ajax({ type:'POST', url:'ajax.test.php', data:"username=2", dataType:'text', cache:false, ... 阅读全文
posted @ 2013-03-09 17:56 {前端开发} 阅读(245) 评论(0) 推荐(0)
XMLHTTPRequest的属性和方法简介
摘要： 由于现在在公司负责制作标准的静态页面，为了增强客户体验，所以经常要做些AJAX效果，也学你也和我一样在，学习AJAX。而设计AJAX时使用的一个重要的技术（工具）就是XMLHTTPRequest对象了。这里海啸把我学习XMLHTTPRequest对象的一点资料拿出来跟大家一起分享。文中的资料都是海啸在学习时在网上收集的，如果您开过，那就再加深下印象吧！（如果您觉得侵犯了您的版权，请联系海啸。（haixiao_yao[at]yahoo.com.cn））1、XMLHTTPRequest对象什么是？最通用的定义为：XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本 阅读全文
posted @ 2013-03-09 17:54 {前端开发} 阅读(230) 评论(0) 推荐(0)
jQuery中Ajax事件beforesend及各参数含义
摘要： http://blog.csdn.net/haibrother/article/details/7608811Ajax会触发很多事件。有两种事件，一种是局部事件，一种是全局事件：局部事件：通过$.ajax来调用并且分配。$.ajax({beforeSend: function(){// Handle the beforeSend event},complete: function(){// Handle the complete event}// ...});全局事件，可以用bind来绑定，用unbind来取消绑定。这个跟click/mousedown/keyup等事件类似。但他可以传递到每一 阅读全文
posted @ 2013-03-09 17:24 {前端开发} 阅读(304) 评论(0) 推荐(0)
2013年3月8日
jquery json 格式教程
摘要： 介绍我们知道AJAX技术能够使得每一次请求更加迅捷，对于每一次请求返回的不是整个页面，也仅仅是所需要返回的数据。通常AJAX通过返回XML格式的数据，然后再通过客户端复杂的JavaScript脚本解析和渲染这些XML格式的数据。JSON（读Jason）是为了能够使得数据格式成为一种标准，更简单的被JavaScript解析。优点1、轻量级的数据交换格式2、人们读写更加容易3、易于机器的解析和生成4、能够通过JavaScript中eval()函数解析JSON5、JSON支持多语言。包括：ActionScript, C, C#, ColdFusion, E, Java, JavaScript, ML 阅读全文
posted @ 2013-03-08 12:45 {前端开发} 阅读(316) 评论(0) 推荐(0)
2013年3月5日
jQuery Ajax之load() 回调
摘要： $("#resText").load("test.html",function(responseText,textStatus,XMLHttpRequest){//responseText:请求返回的内容//textStatus:请求状态：success、error、notmodified、timeout这4种//XMLHttpRequest:XMLHttpRequest对象});可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数：responseTxt- 包含调用成功时的结果内容statusTX 阅读全文
posted @ 2013-03-05 11:02 {前端开发} 阅读(1068) 评论(0) 推荐(0)
2013年3月4日
jQuery:插入,复制,替换和删除节点
摘要： <html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery插入,复制、替换和删除节点</title><script type="text/javascript" src="jquery-1.3.2.js"></script><script type="text/javascript&quo 阅读全文
posted @ 2013-03-04 13:43 {前端开发} 阅读(253) 评论(0) 推荐(0)
2013年3月3日
ajax提交Form
摘要： Jquery的$.ajax方法可以实现ajax调用，要设置url,post,参数等。如果要提交现有Form需要写很多代码，何不直接将Form的提交直接转移到ajax中呢。以前的处理方法如Form代码如下：<form id="Form1" action="action.aspx" method="post" >名称：<input name="name" type="text" /><br />密码：<input name="password&qu 阅读全文
posted @ 2013-03-03 23:29 {前端开发} 阅读(313) 评论(0) 推荐(0)
2013年2月28日
slice,substr和substring的区别
摘要： 首先，他们都接收两个参数，slice和substring接收的是起始位置和结束位置(不包括结束位置)，而substr接收的则是起始位置和所要返回的字符串长度。直接看下面例子：1 var test ='hello world';2 3 alert(test.slice(4,7)); //o w4 alert(test.substring(4,7)); //o w5 alert(test.substr(4,7)); //o world这里有个需要注意的地方就是：substring是以两个参数中较小一个作为起始位置，较... 阅读全文
posted @ 2013-02-28 09:52 {前端开发} 阅读(179) 评论(0) 推荐(0)
2013年2月25日
javascript深入理解js闭包
摘要： 一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1();// 999另一方面，在函数外部自然无法读取函数内的局部变量。Js代码 function f1(){ var n=999; } alert(n);// error这里有一个地方需要注意，函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量！Js代码... 阅读全文
posted @ 2013-02-25 23:24 {前端开发} 阅读(138) 评论(0) 推荐(0)