zoukankan      html  css  js  c++  java
  • iframe操作ie,firefox兼容

    //最近碰到了很多ie和firefox的js问题,发现主要集中在ie和firefox的js结构有些不同,ie有很多默认,firefox没有,firefox需要写清路经。在网上找到这个东西,抛砖引玉。


    <iframe  style="display:none;" id="dataLoader" onload="getData()"></iframe>
    function getData(){
            var d=document.getElementById("dataLoader").document;
            var data=d.getElementById("list");
            //...
            //以下省略
            //...
    }

    当我使用IE时没有问题,但使用Firefox时有问题,:(.
    我跟踪发现document.getElementById("dataLoader").document返回是空值。
    紧接着我发现ff中document.getElementById("dataLoader")的类型是Frame,于是网上一通查,o终于找到
    http://www.mozilla.org/docs/dom/domref/dom_shortTOC.html
    过去我一直郁闷没有mozilla手册,现在好了,找到了。
    由frame我找到
    var d=document.getElementById("dataLoader").document;
    应改为
      var d=document.getElementById("dataLoader").contentWindow.document;
     
      contentWindow属性可以返回Frame中的window;可是MSDN中也这个属性,但不写也可以,嗨IE中可能有默认属性吧。

    另外:可以使用

    window.frames["frameName"].document语法直接获取frame里的document对象.

     /var data = document.frames["iframeID"].getHTML(); 只支持IE
    //var data = document.getElementById("iframeID").contentWindow.document.getElementById("iframe_textarea").value;
    var data = parent.frames["iframeID"].getHTML();// 支持IE和FireFox

    以下脚本在IE中是没有任何问题,可以成功执行,可是在FireFox运行错误,无法执行!

    <script>parent.document.iframeID.document.location.href='mypage/reset.aspx';</script>

    修改如下, 在IE和FireFox可以成功兼容。

    <script>parent.frames[""iframeID""].document.location='mypage/reset.aspx';</script>

  • 相关阅读:
    Ubuntu18.04可执行文件运行提示No such file or directory
    Linux gcc(ar命令)打包库到另一个库中的另外一种方法
    干干净净的grep
    C语言里面和时间有关的函数
    Ubuntu上安装tftp服务
    因为新冠,宅家2周,折腾了一下电视盒子。
    批量处理文件的Python程序
    Windows 10中使用VirtualBox
    重采样Resample 的一些研究记录。
    微信公众号接入第三方服务器,设置自动回复、关键回复、自定义菜单,配置及开发流程
  • 原文地址:https://www.cnblogs.com/ytmf007/p/1616912.html
Copyright © 2011-2022 走看看