firefox、IE下的几个不同属性的方法调用

2019独角兽企业重金招聘Python工程师标准>>>

声明：document.all：该对象只有IE中才存在，故用该对象来判断浏览器的类型

一、IFRAME的对象

在IE下可通过document.frames["id"];得到该IFRAME对象，

而在火狐下则是通过document.getElementById("content_panel_if").contentWindow;

代码如下：

if(!document.all){//火狐中得到IFRAME的对象
_Frame=document.getElementById("id").contentWindow;
}else{
_Frame=document.frames["id"];
}

二、得到对象的第一个子元素

IE的写法： _tbody=_table.childNodes[0]

在FF中，firefox会在子节点中包含空白则第一个子节点为空白"#text"，而ie不会返回空白

可以通过if("#text" != node.nodeName)过滤掉空白子对象

三、添加背景图片

if(!document.all){
var_tempSrc="xx\xx\xx.gif";
_tempSrc=_tempSrc.replace(/\\/g,"/");//全部替换
markerDiv.style.backgroundImage="url("+_tempSrc+")";
}else{
markerDiv.style.filter ="progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+this.icon.src
+", sizingmethod=scale);";//火狐不支持这种写法
}

四、模拟CLIKC事件

如该实例：

<a href="#"οnclick="test(1)"id="a3">hello</a>
<a href="#"οnclick="test2(1)"id="b3">hello2</a>
<script language="javascript">
<!--
functiontest(num){
window.alert(num);
}
functiontest2(num)
{
if(document.all){//ie下
document.getElementById("a3").click();
}
else{
varevt = document.createEvent("MouseEvents");
evt.initEvent("click",true,true);
document.getElementById("a3").dispatchEvent(evt);
}
}
//-->
</script>

event.initEvent(eventType,canBubble,cancelable) ：

initEvent 该方法将初始化 Document.createEvent() 方法创建的合成 Event 对象的 type
属性、bubbles 属性和 cancelable 属性。只有在新创建的 Event 对象被 Document 对象或 Element
对象的 dispatchEvent() 方法分派之前，才能调用 Event.initEvent() 方法。

五、attachEvent函数

if (isIE){window.attachEvent("onload", init);}else{window.addEventListener("load", init, false);}

转载于:https://my.oschina.net/122612475/blog/287865

firefox、IE下的几个不同属性的方法调用相关推荐

vue学习（1）vue3/2下的父子/爷孙组件间方法调用
我这里只写父子/爷孙组件间方法调用(传值的那啥emit,on, eventbus我就不在这里写了) vue2中的写法爷组件控制孙组件的锚点跳转(父子组件间方法调用类似) // 孙组件 <tem ...
java 反射获取方法属性和方法调用
第一步当然是了解反射是什么东西: 指在运行状态中,对于任意一个类,都能够知道这个类的所有属性和方法,对于任意一个对象,都能调用它的任意一个方法.这种动态获取信息,以及动态调用对象方法的功能叫java语 ...
Java工具方法——属性拷贝方法：BeanUtils.copyProperties(Object, Object)
介绍 org.springframework.beans.BeanUtils.copyProperties(Object, Object)是spring 框架的对象工具类:BeanUtils下的一个拷 ...
基于Qt5.14.2和mingw的Qt源码学习（三） — 元对象系统简介及moc工具是如何保存类属性和方法的
基于Qt5.14.2和mingw的Qt源码学习(三) - 元对象系统简介及moc工具是如何保存类属性和方法的一.什么是元对象系统 1.元对象系统目的 2.实现元对象系统的关键 3.元对象系统的其他一 ...
Part III.S1. 基于离差最大化的直觉模糊多属性决策方法
1.1 属性权重完全未知情形下的直觉模糊多属性决策方法 1.1.1 问题描述设某多属性决策问题有 m m m个方案 Y i ( i = 1 , 2 , - m ) Y_{i}\left(i=1, ...
php onmouse,html在鼠标按钮在元素上按下时触发的事件属性onmousedown
实例当在段落上按下鼠标按钮时执行一段 JavaScript: 请点击此文本! 浏览器支持 IE Firefox Chrome Safari Opera 所有主流浏览器都支持 onmousedown ...
火狐浏览器表单不跳转_表单button的outline在firefox浏览器下的问题
outline的使用,大家都喜欢在reset样式表中直接重置: 复制代码代码如下: * { outline: none; } Eric Meyers 在他的CSS Reset 是这样重置的: 复制代码 ...
27、Python 面向对象（创建类、创建实例对象、访问属性、内置类属性、对象销毁、类的继承、方法重写、基础重载方法、运算符重载、类属性与方法、下划线双下划线）
27Python面向对象(Python2) Python从设计之初就已经是一门面向对象的语言,正因为如此,在Python中创建一个类和对象是很容易的.本章节我们将详细介绍Python的面向对象编程. ...
解决IE、firefox浏览器下JS的new Date()的值为Invalid Date、NaN-NaN的问题
解决IE.firefox浏览器下JS的new Date()的值为Invalid Date.NaN-NaN的问题参考文章: (1)解决IE.firefox浏览器下JS的new Date()的值为Inv ...
CentOS下查看电脑硬件设备属性命令
如何在linux下查看电脑硬件设备属性 # uname -a # 查看内核/操作系统/CPU信息 # head -n 1 /etc/issue # 查看操作系统版本 # ...

firefox、IE下的几个不同属性的方法调用

firefox、IE下的几个不同属性的方法调用相关推荐

最新文章

热门文章