随笔分类 -  js/jquery

window对象中 screenX screenY innerWidth的意义
摘要：1.screenX screenY 表示窗口相对于屏幕左上角的位置。注意IE不支持此属性。 只读属性。 IE 中的实现用screenLeft screenTop (等于screenY + 工具栏+菜单栏+地址栏的像素) 2.innerWidth innerHeight窗口中文档显示区域的宽度，不包括边框和滚动条,该属性可读可写。 IE8之前的浏览器不支持该属性，IE中body... 阅读全文
posted @ 2012-12-19 14:40 phpzxh 阅读(5190) 评论(1) 推荐(2)
IE 下修改a标签的href的值碰到的怪象
摘要：今天在IE 下碰到一个奇怪的问题，就是当我修改a的标签内容有@字符，在修改该标签的href属性的时候，a标签的内容变成了该标签的 href 的值。 代码如下 <!DOCTYPE HTML> <html> <body> <a id="fruits">fruites</a> </body> <script> document.getElement... 阅读全文
posted @ 2012-06-26 11:18 phpzxh 阅读(1394) 评论(0) 推荐(0)
js编码方式详解
摘要：escape、encodeURI 和encodeURIComponent 的区别 escape(), encodeURI()和encodeURIComponent()是在Javascript中用于编码字符串的三个常用的方法，而他们之间的异同却困扰了很多的Javascript初学者，今天我就在这里对这三个方法详细地分析与比较一下。 escape() 方法 MSDN JScript Reference... 阅读全文
posted @ 2011-05-23 14:57 phpzxh 阅读(10743) 评论(0) 推荐(0)
CSS备忘录
摘要：一、层定位 普通流、浮动和绝对定位 position : static | absolute | fixed | relative position:satic 就是普通流(普通流中的元素的位置由元素在 HTML 中的位置决定。) position:relative就是相对定位(相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留) 比如: <!DOCTYPE ht... 阅读全文
posted @ 2011-05-23 14:54 phpzxh 阅读(325) 评论(0) 推荐(0)
jQuery AJAX回调函数this指向问题
摘要：如在全局作用域调用一个含this的对象，此时当前对象的this指向的是window。为了让this的指向符合自己的意愿，JavaScript提供了两个方法用以改变this的指向，它们是call和apply，当然也有利用闭包来实现的方法。本文通过一个例子来说明这些问题。 先看一段演示代码，这代码只供演示用，没有实际意义。 //一个没有实际意义的socket连接对象 var socket = { co... 阅读全文
posted @ 2011-04-21 23:09 phpzxh 阅读(974) 评论(0) 推荐(0)
css导致ie崩溃的情况
摘要：以前没发现css不兼容还会导致ie崩溃，今天在项目中碰到了，百度发现还有这么多情况。 我遇到的是下面中的第8中情况。 严格来说不单是CSS就能令IE浏览器崩溃(crash)，而要配合相应的XHTML架构。到现时为止发现有两种正常写法及一种错误结构分别导致会IE6、IE7崩溃(crash)，至于原因我尝试寻找过答案但至今还没找到…如你有这方面的认识或更详细的资料很希望你能分享！ 1 crash IE... 阅读全文
posted @ 2011-04-02 11:33 phpzxh 阅读(591) 评论(0) 推荐(0)
js笔记二
摘要：一、jquery选择器1、层次选择器在给定的祖先元素下匹配所有的后代元素 form labelName:/label input name="name" / fieldset labelNewsletter:/label input name="newsletter" / /fieldset /form $(form input) 会选择input name="name" / 和input name="newsletter" / 二、jquery请求的数据传给局部变量。三、js跨域取数据方式一、用js实现设置域名localhost和manager 阅读全文
posted @ 2011-01-21 10:05 phpzxh 阅读(576) 评论(0) 推荐(0)
图片延迟加载
摘要：1、很多网站都有图片延迟加载的功能，我们都知道图片很大的时候，网页打开会很慢，今天发现有个名字叫Lazy Load的jquery插件可以实现。 官网：http://www.appelsiini.net/projects/lazyload 使用： 开始我用firebug查看 乍看过去没有实现延迟加载呢。原来它的原理是，开始为图片标签的属性src赋予个初始图片链接，这个图片很小就一个像素，在位绑定... 阅读全文
posted @ 2010-12-28 17:29 phpzxh 阅读(1158) 评论(0) 推荐(0)
js学习笔记
摘要：以前学习javascript的记录，为了不丢失这个笔记，发到我的博客来。一、apply及call的使用1、apply的使用 2、用call实现继承还有个caller表示返回一个对函数的引用 什么叫反编译文本呢？看结果： 明白了吧。。二、方法属性，及prototype继承。1、javascript中的方法，及属性。结果： 在test.getName中得到的是什么值呢？是 james还是zhou呢？这里的结果是james。为什么呢？在js中如果被var申明了的变量属于局部的变量，没有关键字var申明的变量属于windos对象的变量，也就是全局的，所以这里输出的是james。2、用prototype 阅读全文
posted @ 2010-12-24 00:11 phpzxh 阅读(675) 评论(0) 推荐(0)
jQuery技巧大放送
摘要：1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象... 阅读全文
posted @ 2009-09-16 22:48 phpzxh 阅读(247) 评论(0) 推荐(0)
javascript中的函数对象
摘要：在javascript中函数的申明方式有四种 下面代码中一句代表了一种[代码]第一种就是我们常见的函数申明方式，函数名为func1。第二种和第三种的区别是第二种是匿名函数,而第三种不是。第四种用的是对象申明的方式，因为javascript每个函数就是一个对象。[代码]匿名函数和有名字函数在javascript中是有点区别的我们看代码[代码]运行火狐firbug中说func1未定义看看另外一种方式[... 阅读全文
posted @ 2009-09-16 22:39 phpzxh 阅读(3116) 评论(0) 推荐(1)