iframe框架取值兼容ie/firefox/chrome的写法 - Makenna‘s Eye - ITeye博客

`

ch_kexin

浏览: 902861 次
性别:
来自: 青岛

最近访客更多访客>>

ponce

hacker507

kingbird001

xutao2811

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

chienchia：请问下，第4步，vpn做了什么使数据包发送到真实网卡，而不会再 ...
如何使用Android系统自带的VPN服务框架
fangyafenqidai：我只要选第二个就可以呢，怒需要选第一个。之后不会有啥问题。正常 ...
Android Studio 超级简单的打包生成apk
michaelye1988：不错，很棒！
getcachedir和getexternalcachedir的区别
whlei01：文章棒棒哒
常用的AS3代码
whlei01：很不错之前打开及时600M的内存，现在打开只有300兆了 ...
flash builder内存不够的解决办法

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>

分享到：

JavaScript 兼容IE、FireFox、Chrome等浏 ... | JavaScript进行LI列表数据绑定的方法

2012-01-11 16:21
浏览 1585
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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