最近的文章列表

document.documentElement 与 document.body 的 scrollW
这是一个很复杂的问题,让我们想像一下:document.documentElement.scrollWidthdocument.documentElement.offsetWidthdocument.documentElement.clientWidthdocument.body.scrollWidthdocument.body.offsetWidthdocument.body.clientWidth有 6 个属性要测,这 6 个属性要放在 4 种情况中:没有指定 DOCTYPE,网页内容没有超过窗口宽度;没有指定 DOCTYPE,网页内容超过窗口宽度;指定 DOCTYPE,网页内容没有超过窗口宽度;指定 DOCTYPE,网页内容超过窗口宽度;然后这 4 种情况要放到几个主流浏览器中,假设只
2011/8/18 Comments:
Invalid Character Error
I get the following error message:Line: 2Char: 1Error: Invalid characterCode: 0I remember running the page in question without any error messages in the past. Moreover, the line in question contains no JavaScripting.What is the cause of this error and how can it be avoided?This error seems to be quite unspecific. Now I receive it when I place a pag
2011/8/18 Comments:
分析x,offsetX clientX screenX,pageX,y,offsetY client
本案例测试下载:event1.html(3.7 KB)仔细体会案例1.IE的x,y:设置或获取鼠标指针位置(触发的节点testid1),到ID为testid的父节点外边界的距离,其中不包括滚动条显示IE的x坐标:显示IE的y坐标:注意:IE的x,y坐标不包括滚动距离scrollLeft,scrollTop,可见区域2.ff的pageX: 设置或获取鼠标指针位置(触发的节点testid1),到页面文档的距离(包括滚动距离)以文档左上角为参考点,不是以浏览器左上角为参考点兼容IE:event.clientX + document.body.scrollLeft==pageX显示ff的pageX:显示ff的pageY:3. clientX 设置或获取鼠标指针位置(触发的节点testid1)到浏览
2011/8/17 Comments:
水平无间隙循环滚动区域代码
实现上述效果的代码如下: <div id=demo style="OVERFLOW: hidden; WIDTH: 580px; align: center"> <table border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#ECE9D8"> <tbody> <tr bgcolor="#FFFFFF"> <td valign="top" id="marquePic1
2011/8/9 Comments:
js 鼠标滚轮(滑轮)事件捕捉
判断滚轮向上或向下在浏览器中也要考虑兼容性,现在五大浏览器(IE、Opera、Safari、Firefox、Chrome)中Firefox 使用detail,其余四类使用wheelDelta;两者只在取值上不一致,代表含义一致,detail与wheelDelta只各取两个值,detail只取&plusmn;3,wheelDelta只取&plusmn;120,其中正数表示为向上,负数表示向下。<script type="text/javascript">var scrollFunc=function(e){var direct=0;e=e || window.event;if(e.wheelDelta){//IE/Opera/Chrome use
2011/8/9 Comments:
offsetLeft,scrollLeft,offsetTop,scrollTop,clientX,
clientX 设置或获取鼠标指针位置相对于当前窗口的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于当前窗口的 y 坐标,其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。 screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。 screenY 设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。 x 设置或获取鼠标指针位置相对于父文档的 x 像素坐标(亦即相对于当前窗口)。 y 设置或获取鼠标指针位置相对于父文档的 y 像素坐标(亦即相对于当前窗口)。实验实例(来源于网络,修改过):
2011/8/2 Comments:
js使用onpropertychange,oninput事件解决onchange事件的不足
用onpropertychange,oninput事件解决onchange事件的不足,需要的朋友可以参考下。onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性!在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何变化时,能立即触发此事件.这样一来问题就解决了.那其他浏览器呢,onpropertychange可是IE的专利. 接下来就是oninput事件了.但是oninput有个诡异,必须用addEventListener的方式来绑定事件.否则无效.好了, 以下是演示例子, 主流浏览器都没问题:<!DOCTYPE html PUBLIC &quo
2011/7/26 Comments:
Google提供的jQuery 怎么使用?
我为什么使用Google提供的jQuery呢?原因:使用google提供的jQuery,加载时间少了,给用户带来好的用户体验,而且减少了服务器的流量。 使用Google提供的jQuery有两种方法:1.使用google提供 的js文件<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>2.使用google提供的api来进行加载 <script type="text/javascript" src="https://www.go
2011/7/18 Comments:
JS对象模型-执行模型
简单数值类型: 有Undefined, Null, Boolean, Number和String。注意,描述中的英文单词在这里仅指数据类型的名称,并不特指JS的全局对象N an, Boolean, Number, String等,它们在概念上的区别是比较大的。 对象: 一个无序属性的集合,这些属性的值为简单数值类型、对象或者函数。同上,这里的对象并不特指全局对象Object。 函数: 函数是对象的一种,实现上内部属性[[Class]]值为"Function",表明它是函数类型,除了对象的内部属性方法外,还有 [[Construct]]、[[Call]]、[[Scope]]等内部属性。函数作为函数调用与构造器(使用new关键字创建实例对象)的处理机制不 一样(Functio
2011/7/11 Comments:
调用IE7 JS Library库巧解IE兼容性问题
本文和大家重点讨论一下IE7 JS Library库解决IE兼容性问题,们曾经讨论过如何在IE6中正常显示透明PNG,在那篇文章中,我们讨论了如何让PNG图片在IE7以下的IE版本中正常显示的方法。IE7 JS Library库解决IE兼容性问题我们曾经讨论过如何在IE6中正常显示透明PNG,在那篇文章中,我们讨论了如何让PNG图片在IE7以下的IE版本中正常显示的方法。事实上,随着浏览器的进步,我们可以使用更方便的方法来解决IE5,IE6版本对于兼容性所引起的以上此类的问题了。什么是IE7 JS Library?IE7 JS Library是DeanEdwards编写的一个JavaScript库文件,它能够使微软IE系列的浏览器(特别是低版本的IE5,IE6)变成一个更接近WEB标准的浏览
2011/7/11 Comments: