`
ch_kexin
  • 浏览: 898920 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

iframe框架取值兼容ie/firefox/chrome的写法

    博客分类:
  • HTMl
 
阅读更多
iframe框架内页:
引用
<html>
<head>
    <title>框架内页</title>
</head>
<body>
    <div>
        <input id="txt1" name="txt1" type="text" value="测试" />
    </div>
</body>
</html>

父级类:
引用
<iframe name="frame1" id="frame1" src="frm.html" frameborder="1" height="30"></iframe>
<p>
    iframe1中文本框的值:</p>
<p>
    <input type="button" name="Submit" value="getValue" onclick="getValue()" />
</p>

<script type="text/javascript">
function getValue(){
    var ofrm1 = document.getElementById("frame1").document;   
    if (ofrm1==undefined)
    {
        ofrm1 = document.getElementById("frame1").contentWindow.document;
        var ff = ofrm1.getElementById("txt1").value;
        alert("firefox/chrome取值结果为:" + ff);
    }
    else
    {
        var ie = document.frames["frame1"].document.getElementById("txt1").value;
        alert("ie取值结果为:" + ie);
    }
}
</script>
分享到:
评论

相关推荐

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

    "Iframe高度自适应(兼容IE/Firefox、同域/跨域)"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度,确保在不同浏览器(如IE和Firefox)以及处理同域和跨域情况时都能正常显示。...

    java跨全域兼容ie/ff/chrome浏览器多文件上传(原创)

    7. **浏览器兼容性**: 题目中提到了ie/ff/chrome,这意味着该解决方案考虑了Internet Explorer、Firefox和Chrome这三大主流浏览器的兼容性问题。对于老版本的IE,可能需要额外的适配代码来确保功能正常运行。 8. **...

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

    本文将详细介绍如何使用JavaScript在`iframe`框架中获取值,同时兼容IE、Firefox、Chrome等主流浏览器。 首先,我们需要理解`iframe`的基本结构。一个`iframe`标签通常包含`id`和`src`属性,`id`用于JavaScript访问...

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

    ### Iframe 高度自适应的实现方法 Iframe 是一种可以在网页内部嵌入另一个独立 HTML 文档的元素,它广泛应用在...了解这些知识点有助于在进行 Web 开发时更好地使用 Iframe,同时也能更好地解决与之相关的兼容性问题。

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

    因为有一个项目要用到iframe自适应高度,网上搜索了以下结果无数,不过看来看去都是那...iframe自适应高度,亲测完美兼容IE6_7_8_9,Chrome谷歌浏览器,Opera欧朋浏览器,FireFox火狐浏览器,Mac Safari浏览器等五大浏览器

    解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题

    ### 解决IE、Firefox、Chrome、Safari浏览器中iframe显示高度自适应问题 在Web开发中,`iframe`(Inline Frame)元素常被用于嵌入另一个HTML文档到当前页面中,这种技术为开发者提供了极大的便利,例如加载广告、...

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

    通过使用jQuery来实现iframe的高度自适应,我们可以确保内容在不同浏览器(包括IE、Firefox、Safari和Chrome)中的显示一致性,无论iframe内嵌的页面有多复杂。 首先,我们需要理解iframe的基本概念。IFrame,即...

    百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome

    标题提及的"百度Popup.js弹出框进化版"是一个经过改进的JavaScript库,主要用于创建具有拖拽功能的弹出窗口,同时解决了在不同浏览器(包括IE6、7、8,Firefox,Chrome)上的兼容性问题,特别是针对遮罩层全屏显示的...

    JS实现pasteHTML兼容ie,firefox,chrome的方法

    本文将详细介绍如何使用JavaScript实现一个兼容IE、Firefox和Chrome的`pasteHTML`方法。 首先,我们要理解在不同浏览器中处理粘贴事件的方式: 1. **Internet Explorer (IE)**:在IE中,我们可以使用`document....

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

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

    iframe和firefox的兼容。

    然而,不同的浏览器对于`iframe`的支持程度和处理方式可能存在差异,尤其是在较早版本的Firefox中,可能会遇到一些兼容性问题。本篇文章将详细探讨`iframe`在Firefox中的兼容性挑战及其解决方案。 1. **Firefox对...

    修改js Calendar日历控件 兼容IE9/谷歌/火狐

    修改Calendar日历控件 兼容IE9,谷歌,火狐。 只是能用,出现的位置有所不同,希望有高手再帮我改改吧,谢谢 一、 代码如下: this.iframe = window.frames(”meizzCalendarIframe”); 修改为 代码如下: this....

    兼容IE和Firefox的Html在线编辑器!

    本篇文章将深入探讨如何创建一个兼容IE和Firefox的Html在线编辑器,并涵盖相关的核心知识点。 首先,我们需要理解HTML的基础。HTML(HyperText Markup Language)是网页内容的结构化语言,用于定义页面的结构和内容...

    javascript在IE和Firefox中兼容性问题

    在IE中,可以通过`window.frames`或`parent.frames`访问iframe或frame的内容,而在Firefox中,通常使用`contentWindow`或`contentDocument`属性来访问。 4. **设置元素文本内容测试.html** IE支持`innerText`属性...

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

    本文将详细介绍如何在各种浏览器,包括Internet Explorer(IE)和Firefox(FF)等主流浏览器中,正确地获取Iframe中的内容。 首先,理解Iframe的基本概念。Iframe是一种HTML元素,允许我们在一个网页中嵌入另一个...

    评论回复弹出遮罩效果实现思路兼容ie 8/chrome/firefox

    通过实现这一效果,无论用户使用何种浏览器,如IE8、Chrome、Firefox等,都能获得一致的体验。 要实现这样的效果,其核心在于创建一个遮罩层,该层通过JavaScript动态加载。在我们的场景中,使用了iframe作为遮罩层...

    防止页面被iframe(兼容IE,Firefox火狐)

    这里是因为firefox windows.top如果没有那么就是空,在IE下windows.top就是本窗口 页面不断的刷新 不断的运行这段js代码这就造成了一个死循环,也是为什么页面一直在刷新. 所以我更改了方式,使用下面这段代码 兼容...

Global site tag (gtag.js) - Google Analytics