html代码如下:
<a href="popup.html" class="popup">Example</a>
如果要用DOM Core提供的getAttribute方法取得class属性的值,在IE下用getAttribute("class")取值,返回的是null,因为此方法在ie下是无效的,用getAttribute("className")能够正常取到,同意,在ff下用getAttribute("className")取得的结果是null,而用getAttribute("class")能够正确返回结果。
请看下面代码,通过onClick事件弹出一个画面。 文件名为comm.js
window.onload = prepareLinks;
function prepareLinks(){
var links = document.getElementsByTagName("a");
for(var i=0; i<links.length; i++){
//支持ie浏览器
if (links[i].getAttribute("className")){
if(links[i].getAttribute("className") == "popup") {
links[i].onclick = function(){
popUp(this.getAttribute("href"));
return false;
}
}
} else if(links[i].getAttribute("class")){//支持ff浏览器
if(links[i].getAttribute("class") == "popup") {
links[i].onclick = function(){
popUp(this.getAttribute("href"));
return false;
}
}
}
}
}
function popUp(winURL) {
window.open(winURL,"popup","width=320,height=480");
}
分享到:
相关推荐
5. `ul`标签在FF下默认有`list-style`和`padding`,应先清除这些样式以避免问题。 6. 外部包裹div不建议固定高度,使用`overflow: hidden;`可实现高度自适应。 7. 使用`cursor: pointer;`来显示手形光标,兼容性更好...
4. **浏览器兼容性**:由于IE和FF对某些CSS属性和JavaScript语法的支持可能存在差异,因此需要使用条件注释、polyfill或者像Modernizr这样的工具来确保在不同浏览器中的兼容性。 5. **事件处理**:JavaScript中的`...
这可以通过在`<input>`标签中同时设置`type="color"`(针对现代浏览器)和`type="text"`(针对旧版IE),并使用条件注释或者特性检测来决定是否应用jscolor库。 总的来说,面对IE浏览器的兼容性问题,我们可以利用...
这里我们将详细讨论如何在IE和FF中通过CSS实现元素的居中对齐。 在IE中,一个常用的传统方法是利用`text-align:center;`属性。这个属性适用于块级元素,比如`<body>`标签,可以将其中的所有内联元素(如文本)居中...
三、一个兼容性调整(IE 和 Mozilla)的笨办法:初学可能会碰到这样一个情况:同样一个标签的属性在 IE 设置成 A 显示是正常的,而在 Mozilla 里必须要设成 B 才能正常显示,或者两个倒过来。 知识点:浏览器差异、...
描述中提到的“兼容IE,FF,CHROME”意味着这个解决方案考虑到了不同浏览器之间的差异,可能使用了如`$.browser`(已被弃用)或`$.support`等工具来检测浏览器特性,或者使用polyfill来实现某些在旧版本浏览器中不...
FF IE兼容性的修改小结是前端开发中一个重要的议题,因为Firefox(FF)和Internet Explorer(IE)在处理JavaScript和HTML时存在许多差异。在编写JavaScript代码时,开发者需要特别注意这些兼容性问题以确保代码在...
水平居中可以使用`text-align: center`或者`margin: 0 auto`(对于块级元素),垂直居中则需要结合`line-height`和`vertical-align`属性,或者使用Flexbox或Grid布局在现代浏览器中实现。 总之,CSS Hack是解决...
同时,在给DOM元素添加自定义属性时,应该意识到直接在HTML标签上添加和通过JavaScript动态添加属性在不同浏览器中的表现可能有所差异。 最后,文中提到了对文章的支持,这也是鼓励原创内容和分享知识的精神体现。...
JavaScript在不同的浏览器中有不同的事件处理机制,特别是在IE和FF之间。IE使用`window.event`来访问事件对象,而在FF及其他遵循W3C标准的浏览器中,事件对象作为参数传递给事件处理函数。为了解决这一兼容性问题,...
- IE7不支持CSS3的一些属性,如`:before`和`:after`伪元素,Font Awesome通过这些来实现部分图标效果,可能在某些情况下显示不完全。 - IE7对CSS的处理有其特殊性,可能需要调整CSS编写方式以确保在IE7下正确渲染...
在网页设计与开发过程中,经常遇到的一个问题是不同浏览器对CSS样式的解析差异导致的兼容性问题。本篇文章主要针对Dreamweaver(简称DW)设计工具中设置`height: auto`在Firefox浏览器下显示异常的情况进行分析,并...
在构建基于 CSS+DIV 的网页布局时,浏览器兼容性是一个重要的考量因素,因为不同的浏览器对 CSS 规则的解析和执行可能存在差异。本篇文章主要探讨了一些针对 IE7、IE6 和 Firefox 的 CSS 兼容性技巧。 首先,我们来...
text-overflow`, `-khtml-text-overflow`, `-moz-text-overflow`, `-webkit-text-overflow`: 这些是浏览器特定的前缀,确保在不同浏览器中支持`text-overflow`属性,如Opera, Internet Explorer, Safari, 和Firefox...
根据提供的文件内容,这段文字似乎是CSS代码片段以及相关的HTML标记混合在一起,夹杂着一些描述性的文字,可能是一些面试题目的答案或者解释。由于内容较为混乱且不完整,我会尽量从这些信息中提取相关的CSS知识点并...
JavaScript是一种广泛应用于网页和应用程序的脚本语言,它在不同浏览器上的实现存在一定的差异,尤其是在早期,这些差异导致开发者需要编写特定于浏览器的代码。本文将深入探讨Firefox(火狐)和Internet Explorer...
2. 属性和值:属性定义要改变的样式属性,如`color`,值则是具体的样式,如`red`或`#FF0000`。 3. 样式规则:选择器后面跟着花括号,花括号内是属性和值的声明,如`p {color: red;}`。 4. CSS盒模型:包含了元素的...
在 HTML 中,元素可以定义一个类属性,例如 `<div class="demo">这个区域字体颜色为红色</div>`。 * 标签选择器:根据元素的标签名来选择元素,例如 `div{color:#FF0000;}`。标签选择器可以选择所有具有相同标签名的...