`
tdmlxq
  • 浏览: 39145 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

HTML标记中的class属性在ie和ff下的不同取法

阅读更多
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");
}

分享到:
评论

相关推荐

    浏览器兼容性CSS,IE6,IE7,FF

    5. `ul`标签在FF下默认有`list-style`和`padding`,应先清除这些样式以避免问题。 6. 外部包裹div不建议固定高度,使用`overflow: hidden;`可实现高度自适应。 7. 使用`cursor: pointer;`来显示手形光标,兼容性更好...

    TAB式导航栏的快捷实现(IE & FF)

    4. **浏览器兼容性**:由于IE和FF对某些CSS属性和JavaScript语法的支持可能存在差异,因此需要使用条件注释、polyfill或者像Modernizr这样的工具来确保在不同浏览器中的兼容性。 5. **事件处理**:JavaScript中的`...

    ie上可以显示的选色板

    这可以通过在`&lt;input&gt;`标签中同时设置`type="color"`(针对现代浏览器)和`type="text"`(针对旧版IE),并使用条件注释或者特性检测来决定是否应用jscolor库。 总的来说,面对IE浏览器的兼容性问题,我们可以利用...

    在IE与FF中如何居中的css写法

    这里我们将详细讨论如何在IE和FF中通过CSS实现元素的居中对齐。 在IE中,一个常用的传统方法是利用`text-align:center;`属性。这个属性适用于块级元素,比如`&lt;body&gt;`标签,可以将其中的所有内联元素(如文本)居中...

    网页设计中的常见问题及其解决方法(div+css)

    三、一个兼容性调整(IE 和 Mozilla)的笨办法:初学可能会碰到这样一个情况:同样一个标签的属性在 IE 设置成 A 显示是正常的,而在 Mozilla 里必须要设成 B 才能正常显示,或者两个倒过来。 知识点:浏览器差异、...

    jquery实现区块或链接横向无缝循环滚动,自适应宽度,可随意设置外容器的宽度 高度自适应,兼容IE,FF,CHROME.zip

    描述中提到的“兼容IE,FF,CHROME”意味着这个解决方案考虑到了不同浏览器之间的差异,可能使用了如`$.browser`(已被弃用)或`$.support`等工具来检测浏览器特性,或者使用polyfill来实现某些在旧版本浏览器中不...

    FF IE兼容性的修改小结

    FF IE兼容性的修改小结是前端开发中一个重要的议题,因为Firefox(FF)和Internet Explorer(IE)在处理JavaScript和HTML时存在许多差异。在编写JavaScript代码时,开发者需要特别注意这些兼容性问题以确保代码在...

    CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法

    水平居中可以使用`text-align: center`或者`margin: 0 auto`(对于块级元素),垂直居中则需要结合`line-height`和`vertical-align`属性,或者使用Flexbox或Grid布局在现代浏览器中实现。 总之,CSS Hack是解决...

    浅谈JS读取DOM对象(标签)的自定义属性

    同时,在给DOM元素添加自定义属性时,应该意识到直接在HTML标签上添加和通过JavaScript动态添加属性在不同浏览器中的表现可能有所差异。 最后,文中提到了对文章的支持,这也是鼓励原创内容和分享知识的精神体现。...

    javascript event在FF和IE的兼容传参心得(绝对好用)

    JavaScript在不同的浏览器中有不同的事件处理机制,特别是在IE和FF之间。IE使用`window.event`来访问事件对象,而在FF及其他遵循W3C标准的浏览器中,事件对象作为参数传递给事件处理函数。为了解决这一兼容性问题,...

    fontawesome-4.2.0_ie7

    - IE7不支持CSS3的一些属性,如`:before`和`:after`伪元素,Font Awesome通过这些来实现部分图标效果,可能在某些情况下显示不完全。 - IE7对CSS的处理有其特殊性,可能需要调整CSS编写方式以确保在IE7下正确渲染...

    ff浏览器下兼容height:auto的问题

    在网页设计与开发过程中,经常遇到的一个问题是不同浏览器对CSS样式的解析差异导致的兼容性问题。本篇文章主要针对Dreamweaver(简称DW)设计工具中设置`height: auto`在Firefox浏览器下显示异常的情况进行分析,并...

    CSS+DIV浏览器兼容技巧

    在构建基于 CSS+DIV 的网页布局时,浏览器兼容性是一个重要的考量因素,因为不同的浏览器对 CSS 规则的解析和执行可能存在差异。本篇文章主要探讨了一些针对 IE7、IE6 和 Firefox 的 CSS 兼容性技巧。 首先,我们来...

    CSS实现table td中文字的省略与显示(兼容IE与FF、Chrome)

    text-overflow`, `-khtml-text-overflow`, `-moz-text-overflow`, `-webkit-text-overflow`: 这些是浏览器特定的前缀,确保在不同浏览器中支持`text-overflow`属性,如Opera, Internet Explorer, Safari, 和Firefox...

    css面试试题汇总.pdf

    根据提供的文件内容,这段文字似乎是CSS代码片段以及相关的HTML标记混合在一起,夹杂着一些描述性的文字,可能是一些面试题目的答案或者解释。由于内容较为混乱且不完整,我会尽量从这些信息中提取相关的CSS知识点并...

    FF和IE之间7个JavaScript的差异第1/2页

    JavaScript是一种广泛应用于网页和应用程序的脚本语言,它在不同浏览器上的实现存在一定的差异,尤其是在早期,这些差异导致开发者需要编写特定于浏览器的代码。本文将深入探讨Firefox(火狐)和Internet Explorer...

    HTML_CSS参考文档

    2. 属性和值:属性定义要改变的样式属性,如`color`,值则是具体的样式,如`red`或`#FF0000`。 3. 样式规则:选择器后面跟着花括号,花括号内是属性和值的声明,如`p {color: red;}`。 4. CSS盒模型:包含了元素的...

    CSS选择器详细介绍

    在 HTML 中,元素可以定义一个类属性,例如 `&lt;div class="demo"&gt;这个区域字体颜色为红色&lt;/div&gt;`。 * 标签选择器:根据元素的标签名来选择元素,例如 `div{color:#FF0000;}`。标签选择器可以选择所有具有相同标签名的...

Global site tag (gtag.js) - Google Analytics