尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。 这篇文章中,我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。 1. CSS “float” 属性 获取给定对象的特定 CSS 属性的基本语法是 object.style 属性,而且有连字符的属性要用骆驼命名法来代替。例如,获取一个 ID ...
以前防止页面被iframe使用的是这段代码 代码如下: if (top.location !== self.location) { top.location=self.location; } 但是在Firefox里你会发现页面会一直不停的在刷. 页面根本没法用. 这里是因为firefox windows.top如果没有那么就是空,在IE下windows.top就是本窗口 页面不断的刷新 不断的运行这段js代码这就造成了一个死循环,也是为什么页面一直在刷新. 所以我更改了方式,使用下面这段代码 兼容firefox 代码如下: if(w...
代码如下: //导入js文件 function getResult(url, ready) { var xmlHttp; var r = function() { if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { //alert(isIE); var xmlstr; var xmldoc; var isIE = !!(window.attachEvent && !window.opera); if (isIE) xmldoc = xmlHttp.responseXML; else { xmlstr = xmlHttp.responseText; alert(xmlstr); var parser = new DOMParser(); xmldoc = parser.parseFromString(xmls...
1:rules与cssRules区别: 代码如下: function addCSSRule(css,key,value){ //var css = document.styleSheets[document.styleSheets.length-1]; if(navigator.userAgent.indexOf("Firefox")>0 ) { css.insertRule(key+"{"+value+"}", css.cssRules.length) } else { css.addRules(key,value); } } function removeCSSRule(key){ for(var i = 0; i < document.styleSheets.length; i++){ var css = document.styleSheets[i]; navi...
废话不多说,贴上代码,也算是自己的一个代码存储。 代码如下: var temp_iframe var content = document.getElementById(right); //id为 right的DOM容器中,进行创建iframe和宽高自适应 var c = 0; function append(filename) { var the_iframe = "helpfile" + c; temp_iframe = document.createElement("iframe"); temp_iframe.src = filename; temp_iframe.scrolling = "no"; temp_iframe.setAttribute("frameborder", "0"); te...
代码如下: 史上最精简,最强大的JS遮罩层效果,支持ie firefox jQuery遮罩层 //显示灰色JS遮罩层 function showBg(ct,content){ var bH=$("body").height(); var bW=$("body").width()+16; var objWH=getObjWh(ct); $("#fullbg").css({width:bW,height:bH,display:"block"}); var tbT=objWH.split("|")[0]+"px"; var tbL=objWH.split("|")[1]+"px"; $("#"+ct).css({top:tbT,left:tbL,display:"block"}); $("#"+content).html(...
IE与firefox事件处理 在ie中,事件对象是作为一个全局变量来保存和维护的。 所有的浏览器事件,不管是用户触发 的,还是其他事件, 都会更新window.event 对象。 所以在代码中,只要轻松调用 window.event 就可以轻松获取 事件对象, 再 event.srcElement 就可以取得触发事件的元素进行进一步处理 在ff中, 事件对象却不是全局对象,一般情况下,是现场发生,现场使用,ff把事件对象自动传 递给对应的事件处理函数。 在代码中,函数...
演示代码:测试 .divCss{ bottom:0; display:block; height:25px; overflow:hidden; padding:0; position:fixed; right:20px; } .contentCss{ background:#666; height:200px; width:200px; } .contentCssHeight{ } .titleCss{ width:200px; height:25px; line-height:25px; text-align:right; margin:0px; background:#999999; } #close{ cursor:pointer; } $(function(){ //标题层的高度--提示打开或关...
我最近就在学习怎么使用Firebug,网上找到一篇针对初学者的教程,感觉比较有用,就翻译了出来。 作者:Estelle Weyl原文网址:http://www.evotech.net/blog/2007/06/introduction-to-firebug/译者:阮一峰本文是Firebug的一个概览,并不对它的所有特性进行详尽解释。不过,本文的内容对一个新手来说,应该是足够了。目录一、安装Firebug二、打开和关闭Firebug三、Firebug窗口概览四、随时编辑页面五、用Firebug处理CSS六、盒状模型...
ff里不能通过对Frame的ID来直接访问 (IE FF都可以直接通过Frame的Name来访问,但是FrameSet不支持name属性) 因此window.parent.full =》window.parent.document.getElementById("full"); js操作frame详细解说,window.opener和window.parent的区别 frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent window.opener引用的是window.open打开的页面的父页面。 window.frames对象可以引用iframe里的页面,也可以引用fr...
假设在我们页面有这么一段标签: 代码如下: 现在在页面加入这么一段脚本: 代码如下: 输出响应的元素 document.getElementById("timeDiv").innerHTML+=this+""; } 在firefox以及IE 8下打开页面,在标签testDiv(灰色方块)上单击,结果分别如下截图: firefox下结果 IE 8下结果 可以看到,两者结果并不相同?究竟为什么会这样呢?原来是由于IE浏览器以及Firefox对于冒泡型事件的支持层次不同造成的。(如对冒泡事件...
javascript 兼容IE与firefox火狐的回车事件 代码如下: function keypress(e) { var currKey=0,e=e||event; if(e.keyCode==13)document.myform.submit(); } document.onkeypress=keypress; 代码如下: document.onkeydown=function(event) { e = event ? event :(window.event ? window.event : null); if(e.keyCode==13){ //执行的方法 alert('回车检测到了'); } } jquery 兼容IE与firefox火狐的回车事件 代码如下:$(document)....
firstElementChild 访问一元素的这个属性必须将该nodeType 1 元素第一子节点引用返回为 Element 对象。如果该被访问元素属性没有任何子节点,或者如果所有这些子节点都不是元素节点, 那么该属性必须返回 null。 lastElementChild 访问一元素的这个属性必须将该nodeType 1 元素最后子节点引用返回为 Element 对象。如果该被访问元素属性没有任何子节点,或者如果所有这些子节点都不是元素节点, 那么该属性必须返回 null。 previou...
from: 颜色选择器 colorpickerhttp://jscolor.com/http://dematte.at/colorPicker/http://www.free-color-picker.com/color-picker-samples.phphttp://www.nogray.com/color_picker.phphttp://www.mattkruse.com/javascript/colorpicker/ColorPicker2.js代码 代码如下: // =================================================================== // Author: Matt Kruse <matt@mattkruse.com> // WWW: http://www.mattkruse.com/ /...