`
clrw
  • 浏览: 21395 次
  • 性别: 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');
}

相关推荐

    iframe自适应高度(兼容目前所有主浏览器)

    iFrame 自适应高度的定义是指隐藏 iFrame 的 border 和 scrollbar,让用户无法察觉到它是一个 iFrame。当 iFrame 需要切换页面或执行 DOM 动态操作时,需要程序去同步 iFrame 高度和被包含页的实际高度。 传统的...

    iframe自适应高度兼容各主流浏览器

    iFrame(Inline Frame)是HTML语言中的一种标签,用于在网页中嵌入另一个网页或文档。iFrame可以用来实现内容的内嵌、广告、Widget等功能。 知识点2:iFrame的高度自适应 要实现iFrame的高度自适应,需要使用...

    iframe自动适应高度(完美自适应高度嵌套代码),兼容目前主流浏览器。

    在网页开发中,`iframe`(Inline Frame)是一种非常有用的元素,它允许我们在一个页面中嵌入另一个页面的内容。然而,`iframe`的高度自动适应往往成为开发者面临的问题,特别是当嵌入的内容高度不确定时。标题提到的...

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

    对于Android设备,由于`iframe`工作正常,可以创建并插入一个`iframe`元素,设置其高度为当前窗口高度,宽度为100%,并添加适当的样式和属性,如下所示: ```javascript var winH = $(window).height(); var iframe...

    拖拽一个iframe中的div 在另一个iframe页面中显示

    标题 "拖拽一个iframe中的div 在另一个iframe页面中显示" 描述了在Web开发中一个交互性的技术,涉及跨框架(iframe)通信和DOM操作。这个技术主要应用于创建富交互的用户界面,允许用户在不同的iframe之间传递和操作...

    iframe和firefox的兼容。

    在网页开发中,`iframe`(Inline Frame)是一种非常有用的元素,它允许我们在一个HTML页面中嵌入另一个页面。然而,不同的浏览器对于`iframe`的支持程度和处理方式可能存在差异,尤其是在较早版本的Firefox中,可能...

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    然而,`&lt;iframe&gt;`的高度自适应问题常常困扰着开发者,尤其是当`&lt;iframe&gt;`内部的内容动态加载或者变化时,如何让`&lt;iframe&gt;`自动调整其高度以适应内容,而不会导致滚动条溢出或内容被截断,成为了一个常见需求。...

    jquery通用的iframe弹层插件,兼容主流浏览器

    总结来说,这个“jquery通用的iframe弹层插件,兼容主流浏览器”是前端开发中的一个重要工具,它利用jQuery简化了跨浏览器的iframe弹层实现,并考虑了各种兼容性问题,提供了一种便捷的方式来展示和交互外部内容。...

    iframe高度自适应,多浏览器兼容

    总结,`iframe`的高度自适应和多浏览器兼容性是前端开发中的常见问题,需要开发者对各种浏览器的特性和限制有深入理解。通过合理的JavaScript代码和良好的编程习惯,我们可以创建出在不同环境下都能正常工作的`...

    iframe去边框问题

    总之,去除`iframe`边框通常是一个简单的CSS任务,但要注意兼容性和安全性问题。理解并熟练运用上述知识点,可以有效地解决这个问题,实现更佳的网页设计效果。在实际应用中,根据具体需求灵活运用这些技巧,可以...

    [导入]Javascript获取IFrame内容(兼容IE&FF)

    Iframe是一种HTML元素,允许我们在一个网页中嵌入另一个网页。它通过`&lt;iframe&gt;`标签创建,可以设置`src`属性指向要嵌入的页面URL。例如: ```html &lt;iframe id="myIFrame" src="http://example.com"&gt;&lt;/iframe&gt; ``` ...

    iframe 跨域访问session

    在Web开发中,`iframe` 是一种非常有用的HTML...总的来说,`iframe`跨域访问`session`是一个复杂的问题,需要综合考虑安全性、兼容性和实用性。通过理解上述技术,开发者可以更好地处理这种场景,提供无缝的用户体验。

    iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)

    "iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)"这个标题所指向的,就是一种跨浏览器的策略,确保iFrame内容无论何时更新,都能自动调整其高度,从而避免滚动条的出现和内容溢出。...

    div被iframe遮住的几种情况及解决方法

    在前端开发过程中,DIV元素被IFRAME遮挡是一个常见的问题,尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况,并提供相应的解决方法。 首先,要了解的是IFRAME是一种HTML元素...

    iframe根据页面内容自适应高度和宽度

    一个简单的`iframe`标签如下: ```html &lt;iframe src="http://example.com" width="500" height="300"&gt;&lt;/iframe&gt; ``` 在这个例子中,`src`属性指定了要嵌入的页面URL,`width`和`height`分别设置了`iframe`的宽度和...

    完全搞定iframe(框架)里的滚动条.doc

    当在一个页面(A页面)中使用iframe来加载另一个页面(B页面)时,如果B页面的内容超过了iframe的高度或宽度限制,可能会导致在A页面中出现不必要的滚动条,或者无法正常显示B页面的内容。这种情况下的滚动条问题...

    用jquery实现iframe高度自适应实例代码完美兼容多数浏览器

    在网页开发中,有时我们需要使用`iframe`来嵌入外部页面或者内容,但是`iframe`的高度自适应问题一直是一个常见的挑战。特别是在不同浏览器之间,由于兼容性问题,往往需要额外的处理才能达到理想的效果。本篇文章将...

    捕捉IFrame SRC改变事件

    - 定义了一个包含两个按钮的页面以及一个ID为`aaa`的`&lt;iframe&gt;`元素。 - JavaScript函数`showBPage()`和`showAPage()`分别用于修改`&lt;iframe&gt;`的`src`属性。 - **a.html**: - 在头部通过`&lt;script&gt;`标签定义了`...

    IFrame中Session丢失的解决办法

    设置`mode`属性为`StateServer`,并指定`stateConnectionString`,这使得Session数据不在本地存储,而是通过TCP/IP连接到一个独立的State Server服务,从而避免了由于IFrame环境导致的Session丢失问题。 2. **调整...

    JS去除iframe滚动条的方法

    iframe元素代表了一个嵌入的网页,允许在一个HTML页面中嵌入另一个文档,这在多种场景下非常有用,比如页面中嵌入第三方应用的界面等。 然而,有时嵌入的网页内容尺寸可能会超过iframe的可视区域,这时浏览器会自动...

Global site tag (gtag.js) - Google Analytics