摘要: 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 {前端开发} 阅读(301) 评论(0) 推荐(0) 编辑
摘要: 经常听到“XX浏览器搭载了最新版页面渲染引擎,速度大幅提升”之类的报道,以前只知道页面渲染引擎是浏览器的灵魂,IE、Firefox、Safari、Opera浏览器的渲染引擎各不相同。今天从《秦爱网志》ZT一篇介绍各种浏览器页面渲染引擎的博文,很好很全面的那种网页浏览器的页面渲染引擎负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要页面渲染引擎。Trident页面渲染引擎Trident(又称为MSHTML),是微软的视窗操作系统(Windo 阅读全文
posted @ 2013-03-26 11:28 {前端开发} 阅读(1150) 评论(0) 推荐(0) 编辑
摘要: 一般我们在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 {前端开发} 阅读(486) 评论(0) 推荐(0) 编辑
摘要: 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 {前端开发} 阅读(708) 评论(0) 推荐(0) 编辑
摘要: 什么是事件代理(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 {前端开发} 阅读(890) 评论(0) 推荐(0) 编辑
摘要: 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 {前端开发} 阅读(113) 评论(0) 推荐(0) 编辑
摘要: <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 {前端开发} 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 由于现在在公司负责制作标准的静态页面,为了增强客户体验,所以经常要做些AJAX效果,也学你也和我一样在,学习AJAX。而设计AJAX时使用的一个重要的技术(工具)就是XMLHTTPRequest对象了。这里海啸把我学习XMLHTTPRequest对象的一点资料拿出来跟大家一起分享。文中的资料都是海啸在学习时在网上收集的,如果您开过,那就再加深下印象吧!(如果您觉得侵犯了您的版权,请联系海啸。(haixiao_yao[at]yahoo.com.cn))1、XMLHTTPRequest对象什么是?最通用的定义为:XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本 阅读全文
posted @ 2013-03-09 17:54 {前端开发} 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 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 {前端开发} 阅读(290) 评论(0) 推荐(0) 编辑
摘要: 介绍我们知道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 {前端开发} 阅读(307) 评论(0) 推荐(0) 编辑
摘要: $("#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 {前端开发} 阅读(1055) 评论(0) 推荐(0) 编辑
摘要: <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 {前端开发} 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 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 {前端开发} 阅读(304) 评论(0) 推荐(0) 编辑
摘要: 首先,他们都接收两个参数,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 {前端开发} 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 一、变量的作用域要理解闭包,首先必须理解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 {前端开发} 阅读(130) 评论(0) 推荐(0) 编辑