runcode /** *取得元素的真实css属性 *@param {Object} d 元素 *@param {String} a 元素的css属性名 *@version 0.2 */ function gs(d,a){ if (d.currentStyle){ var curVal=d.currentStyle[a] }else{ var curVal=document.defaultView.getComputedStyle(d, null)[a] } return curVal; } /** * 取得鼠标坐标 * @return Position */ function getMouseLocation(e){ if(!document.all){ mouseX = e.pageX; mouse...
代码如下:// js取单元格自定义属性值，IE和FF下的不同实现 result+="" var isIE=document.all ? true : false; if(isIE)//IE { for (var i=0;i<obj.cells.length;i++) result+="<"+obj.cells[i].fieldname+"></"+obj.cells[i].fieldname+">"; } else{ //FF for (var i=0;i<obj.cells.length;i++) result+="<"+$(obj.cells[i]).get(0).attributes[0].nodeValue+"></"+$(obj.cells[i]).get(0).attributes[0].nodeValue+">...
脚本之家之前发布过这样的代码，其实问题不大，但这里的版本主要是增加一些功能，回调执行服务器端的方法，对于asp.net开发或ajax开发都是非常有价值的改进。先看下效果图：原有百度的Popup.js在有 代码如下: 声明的网页下存在兼容性问题，即在IE6,7,8下，遮罩层是可以全屏，但在Firefox和Chrome下无法全屏遮罩。 造成遮罩层在FF和Chrome下无法全屏的问题在267行： 代码如下:var C = <div id="dialogBoxBG" style="position...
1.兼容firefox的 outerHTML，FF中没有outerHtml的方法。 代码如下: if (window.HTMLElement) { HTMLElement.prototype.__defineSetter__("outerHTML",function(sHTML) { var r=this.ownerDocument.createRange(); r.setStartBefore(this); var df=r.createContextualFragment(sHTML); this.parentNode.replaceChild(df,this); return sHTML; }); HTMLElement.prototype.__defineGetter__("outerHTML",function() { var attr; var ...
文本框： 代码如下: js代码: 代码如下:function keydownsearch(evt) { evt = (evt) ? evt : ((window.event) ? window.event : "") keyCode = evt.keyCode ? evt.keyCode : (evt.which ? evt.which : evt.charCode); if (keyCode == 13) { search();//搜索事件 } }
ie,chrome可能通过JS的onselectstart 例如 代码如下: firefox可以通过CSS 代码如下: *{ -moz-user-select:none }
var ie=document.all; var nn6=document.getElementById&&!document.all; var isdrag=false; var x,y; var dobj; function movemouse(e) { if (isdrag) { dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x; dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y; return false; } } function selectmouse(e) { var fobj = nn6 ? e.target : event.srcElement; var topeleme...
【要点】document.getElementById方法在Firefox与IE中的区别。 如下,有一name="txtVersion"的text控件： 代码如下: 根据上面信息，我们要用JS获得其控件中的值，我们这样写： var strVersion= document.getElementById("txtVersion").value; 上面的写法没错，在以IE为内核的浏览器中是正确的，但是Firefox对此要求的很严格，上面代码不能通过。在Firefox中，用document.getElementById方法，一定要为控件加上id=“txtVersion”...
但我觉得这还不行，毕竟什么都是人家封装好的，得自己深入学习下原生的javascript才踏实。今天看到一篇不错的博文，介绍了一个基于js dom编程的相册实例，虽然这个例子很小，但个人认为还是很有学习价值的，先给出html和效果图，这样有助于后面js的理解。 代码如下: Snapshots 结构还是挺简单的，这里a元素的href属性值为要显示大图的路径，img为对应的小图。效果就是点击下面的小图，上面显示对应...
学习过程中多分析别人的代码实现是个好的习惯，哪怕不是很明白，跟着多敲几遍代码也是很培养感觉的事情。下面是实际的效果（一般我只在firefox中测试）： 鼠标滑过上面的导航链接时 下面框中图片进行流畅的切换，左右移动的效果 html结构如下： 代码如下: Web Design These are the things you should know. Structure Presentation Behavior 实在是很简单啊。下面我们直接来看js代码，先给出两个辅助函数： addLoadE...
在这篇文章中，作者介绍了7个JavaScript在IE和Firefox中存在的差异。 1. CSS “float” 值 访问一个给定CSS 值的最基本句法是：object.style.property，使用驼峰写法来替换有连接符的值，例如，访问某个ID为”header”的的 background-color值，我们使用如下句法： document.getElementById("header").style.backgroundColor= "#ccc"; 但由于”float“这个词是一个JavaScript保留字，因此我们不能用 object.style.float来访问，这里...
window.event对象差异 IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 获取鼠标当前坐标 IE：event.x和event.y。 FF：event.pageX和event.pageY。 通用：两者都有event.clientX和event.clientY属性。 鼠标当前坐标(加上滚动条滚过的距离) IE：event.offsetX和event.offsetY。 FF：event.layerX和event.layerY。 标签的x和y的坐标位置：style.posLeft 和 ...
但IE6两行JS代码就可以，IE7以上也差不多，只不过出来一个安全提示比较恶心，用户如果看到了，一定有怀疑； 再但就是Firefox、Chrome等根本就不让你复制； 记得以前网上有这方面的代码，找了一下，发现全部不能在firefox3.5以上的版本中应该，最后终于找到了一个，代码还相当相当的复杂，不太敢用。 最后，憋的实在没有办法了，查了查资料，自已写了一个： 主要的理解的几个点： 1、Firefox这些浏览器，出于安全考虑吧，直接是不让...
知识点： 0、为什么要innerText？因为安全问题 1、为firefox dom模型扩展属性 2、currentStyle属性可以取得实际的style状态 3、IE实现innerText时考虑了display方式，如果是block则加换行 4、为什么不用textContent？因为textContent没有考虑元素的display方式，所以不完全与IE兼容 代码： 在IE6,7,8 和firefox 2,3下测试均通过。 //If your browser is IE , return true. If is others, like firefox, return false. function i...
我们或多或少都使用过各式各样的富文本编辑器，其中有一个很方便功能，复制一张图片然后粘贴进文本框，这张图片就被上传了，那么这个方便的功能是如何实现的呢？ 原理分析 提取操作：复制=>粘贴=>上传 在这个操作过程中，我们需要做的就是：监听粘贴事件=>获取剪贴板里的内容=>发请求上传 为方便理解下文，需要先明白几点： 我们只能上传网页图(在网页上右键图片，然后复制)和截图(截图工具截的图片，eg：qq截图)，不能粘贴上传系统...