`
clrw
  • 浏览: 20819 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

iframe的一个兼容问题

阅读更多

    今天在公司无意发现这么一段代码,一个iframe需要跳转到一个页面去,在火狐(FF3.6)下报错。

window["myIframe"].location.href="./html.html"; 

    提示找不到该对象。

    仔细检查代码后发现id为"myIframe"的这个iframe没有设置name属性,于是将name属性也设置成"myIframe"之后一切正常了,所以要在各浏览器之间兼容的话,还是要把id、name这些基本的属性值写上的。

    如果不写name属性的话,这么调用也是能达到效果的。

document.getElementById("myIframe").src = "./html.html";

 

    PS:通过id去拿对象,当然可以,哈哈。

分享到:
评论
5 楼 sunjun 2010-07-01  
window["myIframe"].document.location.href="./html.html";  
4 楼 hyj1254 2010-06-30  
不要用id,只通过name来访问就不存在兼容性问题
3 楼 風一樣的男子 2010-06-30  
我郁闷,这兼容问题吗? 蛋痛
2 楼 zhengshuangxi1226 2010-06-25  
本书学分为0分。都紧紧地攥着手里的白手绢。豆豆有生以来第一次看到举行葬礼,知道了葬礼上的气氛是非常沉痛的。根本没有一个人吭声。风琴静静地奏着赞美歌。教堂里尽管阳光明媚,看上去却每个角落都找不出一丝欢乐的气氛。一个臂戴黑纱的男人把一束束白花交给巴学园的每位师生,同时告诉大家手持白花排成一行进入教堂,然后请把花轻轻地放本书学分为0分。都紧紧地攥着手里的白手绢。豆豆有生以来第一次看到举行葬礼,知道了葬礼上的气氛是非常沉痛的。根本没有一个人吭声。风琴静静地奏着赞美歌。教堂里尽管阳光明媚,看上去却每个角落都找不出一丝欢乐的气氛。一个臂戴黑纱的男人把一束束白花交给巴学园的每位师生,同时告诉大家手持白花排成一行进入教堂,然后请把花轻轻地放本书学分为0分。都紧紧地攥着手里的白手绢。豆豆有生以来第一次看到举行葬礼,知道了葬礼上的气氛是非常沉痛的。根本没有一个人吭声。风琴静静地奏着赞美歌。教堂里尽管阳光明媚,看上去却每个角落都找不出一丝欢乐的气氛。一个臂戴黑纱的男人把一束束白花交给巴学园的每位师生,同时告诉大家手持白花排成一行进入教堂,然后请把花轻轻地放本书学分为0分。都紧紧地攥着手里的白手绢。豆豆有生以来第一次看到举行葬礼,知道了葬礼上的气氛是非常沉痛的。根本没有一个人吭声。风琴静静地奏着赞美歌。教堂里尽管阳光明媚,看上去却每个角落都找不出一丝欢乐的气氛。一个臂戴黑纱的男人把一束束白花交给巴学园的每位师生,同时告诉大家手持白花排成一行进入教堂,然后请把花轻轻地放本书学分为0分。都紧紧地攥着手里的白手绢。
1 楼 zhengshuangxi1226 2010-06-24  
<div class="quote_title">clrw 写道</div><div class="quote_div"><p>    今天在公司无意发现这么一段代码,一个iframe需要跳转到一个页面去,在火狐(FF3.6)下报错。</p>
<p> </p>
<pre name="code" class="js">window["myIframe"].location.href="./html.html";</pre>
<p>    </p>
<p>    提示找不到该对象。</p>
<p>    仔细检查代码后发现id为"myIframe"的这个iframe没有设置name属性,于是将name属性也设置成"myIframe"之后一切正常了,所以要在各浏览器之间兼容的话,还是要把id、name这些基本的属性值写上的。</p>
<p>    如果不写name属性的话,这么调用也是能达到效果的。</p>
<p> </p>
<pre name="code" class="js">document.getElementById("myIframe").src = "./html.html";</pre>
<p> </p>
<p>    PS:通过id去拿对象,当然可以,哈哈。</p></div><br/>function URLencode(sStr)
{
    return escape(sStr).
             replace(/\+/g, '%2B').
                replace(/\"/g,'%22').
                   replace(/\'/g, '%27').
                     replace(/\//g,'%2F');
}

相关推荐

    ios 不支持 iframe 的完美解决方法(兼容iOS&安卓)

    刚开始用iframe页面嵌套(第一次尝试使用),但发现iOS系统对iframe嵌套页面的高度和定位控制的不到位,具体表现为,当嵌套的子页面的高度大于父页面的高度,且子页面中有触发弹框事件时,这时,如果子页面高度远远...

    Javascript iframe交互并兼容各种浏览器的解决方法

    主要介绍了Javascript iframe交互并兼容各种浏览器的解决方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

    iframe自适应高度,亲测完美兼容IE6-9,Chrome,Opera,firefox,safari

    因为有一个项目要用到iframe自适应高度,网上搜索了以下结果无数,不过看来看去都是那几个,而且基本都测试了一遍,所说的兼容根本不是那么回事,要不IE不正常,要不其他浏览器显示不正常,最后无奈,综合网上的方法...

    iframe跨域互相调用资源

    该dome利用了iframe实现两个页面之间的通讯,重点核心功能,解决了iframe跨域问题,以及浏览器兼容问题,目前支持四大主流浏览器,ie目前测试,支持到ie8。

    iframe解决高度的终极代码

    iframe解决高度的终极代码,可兼容所有浏览器,调用页面有效不出现BUG

    js操作iframe兼容各种主流浏览器示例代码

    遇到了操作iframe的相关问题,其实就是在操作iframe内部某个窗体时,调用父窗体的一个函数,下面与大家分享下操作iframe兼容各种浏览器的方法

    Iframe 高度自适应(兼容IE/Firefox、同域/跨域)

    随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固定而显示出来的滚动条,不仅影响美观,还会对用 户操作带来不便。于是自动调整iframe的高度就成为本文的重点。 采用JavaScript...

    iframe弹窗工具类

    此工具类是本人研究整合,导入即可使用,非常方便,三大浏览器无兼容性问题。此外,留有使用者参数调整窗体,也可进行二次开发

    IE下去掉iframe边框兼容IE7\IE8\IE6以下

    【IE6以下】 iframe边框通过css设定在FF下...【IE7\IE8下】 遇到一个郁闷的问题,ie8,ie7 iframe 的边框无法去除,试过用脚本和样式添加frameBorder,border 等属性都无法去除。 iframe append到页面之前设置是有效的

    JavaScript设置IFrame高度自适应(兼容各主流浏览器)

    IFrame高度的设置问题一直都是前端的噩梦而且还要兼容各主流浏览器更是难上加难了,下面与大家分享下一个不错的技巧,感兴趣的你可以参考下哈

    mCourser iframe通信:mCourser iframe通信

    mCourser-iframe-通讯一个简单的库,可简化与mCourser平台的通信。安装如果在项目中使用此库,则可以使用它有助于将GitHub文件提供为CND。例子: &lt; script src =" ...

    js实现iframe框架取值的方法(兼容IE,firefox,chrome等)

    每次遇到js/css的浏览器兼容性问题,总是要发出这样的感叹,真希望这些个浏览器公司全部倒下,然后只留下一家(显然这是一个不可能实现的美好愿望),言归正传,看代码吧: iframe框架内页: &lt;html&gt; &lt;head&gt...

    JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)

    很高兴,终于使用jquery实现了点击外部链接,更改iframe内容时,iframe的高度自适应问题。

    iframe跨域与session失效问题的解决办法

    第一方session/cookie指的是访客当前访问的网站给访客的浏览器设置的seesion /cookie, 会被存储在访客的计算机上。第三方session/cookie指的是当前访问的网站中会加载(嵌入)另外第三方的网站代码,例如促销广告,...

    用js互相调用iframe页面内的js函数

    最近,天天搞论文开题报告,一时技痒,再次设计Web,一下子就碰到一个问题,以前设计WEB页的时候都是在IE里面跑的,从来没有考虑过firefox 更别提chrome了,可是现在不同了,至少我认为不兼容Firefox的WEB页面是极其...

    如何用iframe套用对方网页数据而又保持兼容的实现方法

    下面是世纪天成调用腾讯跑跑卡丁车页面的代码,确实不错以前软件开发网小编也这么做过,需要用js什么的,特分享给大家参考。 &lt;!DOCTYPE html&gt; &lt;... &lt;...meta name="Description" content="跑跑卡丁

    JS实现iframe自适应高度的方法(兼容IE与FireFox)

    之前一直被iframe自适应高度的问题困扰,很多JS代码在FF里面似乎就变成哑巴了。后来下面这段代码终于被我从万千号称兼容FF的代码堆中翻了出来。我已经用过了,真的好用。尤其是对于我这样的JS水平较低(真不好意思)...

    js 监控iframe URL的变化实例代码

    千般搜索,终于找到了好的方法,可以通过H5新增的MutationObserver来解决,配合DOMAttrModified和onpropertychange来解决兼容性问题。 废话少说,直接上代码。 index.html代码 &lt;!DOCTYPE html&gt; &lt;...

Global site tag (gtag.js) - Google Analytics