郑州网建-前端开发

最近的文章列表

event.offsetX 在 firefox 有對應的屬性嗎?: event.offsetX 依照微軟的文件是說滑鼠的X座標 (以引發事件的物件內部來算起)我翻了以前 netscape 提供的 javascript client reference 1.3沒有找到對應的屬性不知道現在新版的javascript 是否有?請前輩指點一下,謝謝另外,除了微軟之外, netscape 新版本的 javascript client reference 似乎找不到了,網路上有沒有針對非微軟瀏覽器撰寫的javascript線上手冊?Netscape 沒有直接對應的屬性，只能間接地去判斷事件的 offsetX 屬性值是否為未定義（undefined），若是則使用自定函式去計算出 Netscape 的 offsetX 值：JavaScript 程式碼範例<scri; 2011/9/5 Comments:Javascript Error

让 Raphael 的 Path 动起来: Raphaël 是一个很实用的线上矢量图操作 Javascript 库。使用简单，一个值得一提的卖点是通过抽象出共同的接口屏蔽了 SVG 和 VML 之间的差异，做到了对主流浏览器的支持，包括很不给力的 IE6。（很可惜，并不支持手机 UC 浏览器）Raphael 对于交互事件也有一定的支持，比如常用的鼠标的拖放操作（Drag and Drop）。在官方网站上也有拖放操作的例子。可惜的是，官方的这个例子的写法只对 Circle，Rect 等有效，但对于 Path 却不起作用。经过一番实践，终于了解了 Raphaël 对于拖放支持的原理，想出了一个通用的拖放操作的写法，支持所有的 Raphael 矢量对象，包括 path。官方例子之所以不能让 Path 动起; 2011/9/5 Comments:JS Widget 插件

jQuery中ajax的使用和缓存问题解决: 1:GET访问浏览器认为是等幂的就是一个相同的URL 只有一个结果[相同是指整个URL字符串完全匹配]所以第二次访问的时候如果 URL字符串没变化浏览器是直接拿出了第一次访问的结果POST则认为是一个变动性访问（浏览器认为 POST的提交必定是有改变的）防止 GET 的等幂访问就在URL后面加上？+new Date();，[总之就是使每次访问的URL字符串不一样的]设计WEB页面的时候也应该遵守这个原则2:一.谈Ajax的Get和Post的区别Get方式:用get方式可传送简单数据，但大小一般限制在1KB下，数据追加到url中发送（http的header传送），也就是说，浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中的资源路径后面; 2011/9/5 Comments:JS Widget jQuery Ajax

Raphael js库简介-SVG/VML+JS实现跨浏览器的矢量图形实现方案: Raphael JS库是果然很强大通过SVG/VML+JS实现跨浏览器的矢量图形实现方案。这其实和cufon等网络字体的实现原理是有些类似的：非IE浏览器使用SVG绘图，然后IE中使用VML。它的目的是想要提供一种简单易用的真正跨浏览器的矢量图形实现方案，包括一些动画效果。Raphael的语法也很简单，基本上了解SVG就会很容易上手的：var c = paper.path("M10 10L90 90");// 画一条线；浏览器支持IE6+、Firefox 3.0+、chrome、opera等都是很好支持的。一些酷酷的例子：使用Raphael绘制的117个矢量图标： >repath}articles/common/upload/2011/08/30/134353vn.; 2011/8/30 Comments:JS Widget 插件

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:Javascript Error JS Widget

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:Javascript Error

分析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:Javascript Error

水平无间隙循环滚动区域代码: 实现上述效果的代码如下： <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 Widget 插件

js 鼠标滚轮（滑轮）事件捕捉: 判断滚轮向上或向下在浏览器中也要考虑兼容性，现在五大浏览器（IE、Opera、Safari、Firefox、Chrome）中Firefox 使用detail，其余四类使用wheelDelta；两者只在取值上不一致，代表含义一致，detail与wheelDelta只各取两个值，detail只取±3，wheelDelta只取±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:Javascript Error JS Widget

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 Widget