`

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

    博客分类:
  • js
阅读更多

 声明: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="#"   onclick="test(1)"   id="a3">hello</a>   
  <a   href="#"   onclick="test2(1)"   id="b3">hello2</a>   
  <script   language="javascript">   
  <!--   
  function   test(num){   
          window.alert(num);   
 }   
 function   test2(num)   
{   
        if(document.all)  {  //ie下
             document.getElementById("a3").click();
         } else   {   
   	 var   evt   =   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);}

分享到:
评论

相关推荐

    [原创]基于FLASH机制实现的不同域窗口相互调用js的插件-虫洞

    /*实现客户端不同域页面间Javascript...目前在IE,Firefox,Chrome浏览器上均可正常运行 本品不跟JQUERY有任何关系,因此适合任何JS开发人员,只要想在已在客户端打开的几个不同域的页面间进行JS交互,就可以使用此插件.

    div+css有实例,易学易懂

    4.5.1 调用样式表的几种方法 4.5.2 应用样式的优先级 4.6 网页头部实例 第 5 章 CSS 基本布局属性 第50 页 5.1 页面的制作流程和整体分析 5.2 元素定位基础知识 5.2.1 块元素的默认排列 5.2.2 内联元素的默认排列 ...

    ExtAspNet_v2.3.2_dll

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor。 示例: http://extasp.net/ 开源: ...

    myTree(源文件、文档及Demo)

    4、兼容IE、FireFox等主流浏览器。 5、内置两种样式,可即时切换,可自行扩展。 6、支持同一页显示多个树,支持不同目录位置的调用。 &lt;br&gt;我已经在几个项目中开始使用myTree来实现需要用树型来表示...

    精通JavaScript

    Mozilla Firefox 1.5.0.3或更高版本 服务器采用IIS5.1 或以上版本 数据库使用MS Access 2000以上 2.本书所附光盘实例代码: 第1章(\第1章) 查看1.2.htm中noscript显示效果的方法如下: 1.将该实例复制到C:\...

    JS固定表头和左边列(最新源码)1.9

    修复Firefox下的padding导致的错位问题 修复thead复制没有底部分割线的问题 修复thead复制时无背景色的问题 增加复选框同步功能(如果是JS代码设置复选框选中,需要调用 .setCheckBoxSync()方法) ....

    ist的matlab代码-BingSpeech:一个小型JavaScript库,用于通过连续检测和文本语音转换API调用Bing语音文本转换A

    该库修复了官方SDK当前暴露的几个问题: 重用将被实例化的网络音频上下文,以避免在6次通话后中断Chrome 通过检测语音/静音并自动将音频样本发送到API进行分析,实现连续识别 重用身份验证令牌(有效期为10分钟),...

    jquery v1.9.1 免费版

    和 .animate() 中使用 CSS 属性时,jQuery 会自动根据浏览器类型来设置一些前缀,例如 .css("user-select", "none") 在 Chrome/Safari 会变成 "-webkit-user-select", 在 Firefox 变成 "-moz-user-select", 在 IE10 ...

    setTimeout函数兼容各主流浏览器运行执行效果实例

    目前这个setTimeout可以很好地兼容IE6,7,8,9以及谷歌浏览器Chrome,火狐浏览器FireFox,苹果浏览器Safari,Opera。setTimeout是一个很不错的函数,网站页面前端工程师经常将其用于几秒后执行的动作。setTimeout这个JS...

    Jquery-myPaginationV6.0、V5.0官网源码及API文档

    myPagination是一个灵活的web分页组件,压缩后只有几KB...兼容:IE6+、Firefox、Chrome、Safari、Opera,浏览器版本越高体验越好。 与jQuery协作 myPagination 是一款Jquery插件,方便扩展与实用,利用它增强自身功能。

    清理无用的CSS样式比较有用的几个工具

    Dust-Me是一个很有用也很好用的Firefox插件,它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。 支持本地和远程样式文件,包括使用link标签、&lt; ?xml-stylesheet?&gt;处理指令、@import语句...

    jtbcEditor轻量级UBB所见即所得编辑器 v1.0 v1.0

    现在的编辑器一般主要分为2种,1种是非所见所得的UBB编辑器,1种是所见即所得的HTML编辑器,非所见所得的UBB编辑器虽然在编辑时不方便直接看到效果...3. 兼容性,jtbcEditor 兼容 ie6,7,8 Firefox Safari Opera Chrome

    WP主题:HotNewspro 2.72

    支持外链,使用方便,缺点:无裁剪,插入日志中的图片尺寸较大,直接调用为缩略图,一个页面同时加载显示十几张200、300K的图片,页面打开速度可想而知,其它任何优化都会化为泡影,建议一般情况下不要使用该方法。...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中, IE浏览器将获得Chrome的性能和功能 目录 摘要 I ABSTRACT II 专业名词清单 III 第一章 绪论 1 1.1 研究背景与意义 1 1.2国内外相关...

    Ajax与PHP基础教程

    为此页面必须刷新, 以呈现出从服务器端传给客户端 (通常是诸如Firefox 或IE等Web浏览器)的最新信息.这不是某个浏览器的缺点,而是所有Web浏览器的HTTP请求/ 响应协议就是按这种方式工作的(见图11) .虽然从理论上讲,...

    事件高级用法及兼容写法

    wheelDelta 标准浏览器和IE 120 -120 下 120 上 detail 获取 3 六、事件的委托 事件委托:事件添加元素父节点(原理:事件的冒泡机制) 将事件添加到父元素上,当事件发生时,父元素会找到对应触发事件的子元素去处理...

    文章管理系统

    6.修复几个细节BUG 2014年04月30日 V2.84更新包(推荐升级) 1.修复安装向导配置时对数据库字符过滤不严存在入侵漏洞 2.修复后台模板样式文件字符过滤不严存在入侵漏洞 3.修复后台登录验证没有清空验证码信息,...

    淘客帝国破解版

    2、修复了几个V4版本bug,包括首页无法根据关键词调用商品,列表页有时出现顶部错误等情况。 【安装方法】 1:下载淘客帝国V4.1.0系统安装包并解压缩 2:上传文件夹中的upload文件中至网站根目录,或子目录 3:...

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    比如,两个相同行业不同地区的人使用同一个DTD文件来作为文档创建规范,那么他们的数据就很容易交换和共享。网上有其他人想补充数据,也只需要根据公用的DTD规范来建立文档,就立刻可以加入。 目前,已经有数量众多...

Global site tag (gtag.js) - Google Analytics