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

iframe 在子窗体中访问并控制父窗体中对象

 
阅读更多
通常IE 和火狐比较支持，貌似谷歌不是很好使，要是有更好的方法希望回帖！

testFrame.html 
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test Iframe</title>
</head>
<body>  
<Iframe name="tt" src="frame1.html" width="200" height="200" scrolling="no" frameborder="0"></iframe>  
<h1 id="myH2" >hello,my wife</h1>  
</body>  
</html>


frame1.html 
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
     <script type="text/javascript">
			function loadUI() {
			var txt = parent.document.getElementById("myH2");
			alert(txt.textContent);
			}
		</script>
</head>

<body>
<button value="btn" onClick="loadUI();"> button</button>
</body>
</html>
分享到：
| JavaScript 兼容IE、FireFox、Chrome等浏 ...
评论
发表评论

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

相关推荐

    jQuery实现iframe父窗体和子窗体的相互调用

    在Web开发过程中，我们经常需要在父页面和iframe...总之，通过本文，读者应该能够掌握使用jQuery实现iframe父窗体和子窗体相互调用的方法，并了解在此过程中需要注意的要点。这将有助于提高Web应用的用户体验和交互性。

    让iframe子窗体取父窗体地址栏参数(querystring)

    在网页开发中，有时我们需要实现一个功能，即`iframe`子窗体能够获取并使用其父窗体的URL参数。这种需求通常出现在嵌入式页面或者框架结构的应用中，允许子页面根据父页面的状态进行相应的操作。在给出的示例中，...

    Web页面实现子窗体更新父窗体

    综上所述，实现Web页面的子窗体更新父窗体功能，需要掌握JavaScript的跨窗口通信机制，包括`window.opener`、`window.postMessage`、事件监听以及安全策略。通过合理应用这些技术，可以创建出更丰富的交互式Web应用...

    js实现ifram取父窗口URL地址的方法

    总结来说，通过window.parent对象访问父窗口信息是iframe嵌入式开发中的常见操作。获取父窗口URL地址的方法虽然简单，但在实际操作中需要考虑浏览器安全策略的限制，以及iframe与父窗口之间的同源问题。掌握了这些...

    无刷新 子窗体传值父窗体

    在IT行业中，尤其是在Web开发领域，"无刷新子窗体传值父窗体"是一个常见的需求，它涉及到页面间通信和用户体验优化。无刷新技术可以让用户在不重新加载整个页面的情况下更新部分页面内容，提高交互性和效率。在这个...

    iframe应用

    然而，为了更好地控制和交互这些嵌入的子页面，掌握如何在父窗体与子窗体之间进行通信变得尤为重要。 #### 一、获取iframe的window对象 要实现父窗体与子窗体之间的通信，首先需要能够访问到子窗体的`window`对象...

    Iframe实例

    　在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要，因为要在父窗体中访问子窗体或相反都必须清楚对象层次，才能通过程序来访问并控制窗体。

    jQuery子窗体取得父窗体元素的方法

    特别是当页面使用了iframe、弹出窗口（window.open）或模态对话框（showModelDialog）的时候，如何从子窗体访问并操作父窗体的元素就显得尤为重要。本文将详细介绍如何使用jQuery来实现这一需求。 首先，要在子窗体...

    js操作iframe父子窗体示例

    关于JavaScript操作iframe父子窗体的知识点，本篇内容主要涉及通过JavaScript代码实现父窗口与iframe子窗口间数据的互相访问，以及如何控制子窗口中的内容。以下是详细的内容说明： 1. 父窗口与iframe的交互： 在父...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    EasyUI提供了一种方式，通过`parent`关键字来访问父窗口的对象，从而调用其上的函数。假设在父页面上有一个名为`updateParentData`的函数，可以在子页面中这样调用： ```javascript parent.updateParentData('子...

    HTML iframe 用法总结收藏

    在父窗体与浮动帧之间的相互控制中，Iframe 是父窗体中的一个子对象，可以直接在脚本中访问子窗体中的对象。可以通过文档对象模型（DOM）对 Iframe 所含的 HTML 进行一系列控制。 Iframe 标记的使用可以带来很多...

    frameSet应用 子父窗口传值

    在`frameSet`环境中，子窗口可以通过`window.parent`对象访问父窗口，实现数据传递。例如，假设有一个名为`leftFrame`的子窗口想要向名为`rightFrame`的父窗口发送消息： ```javascript // 在leftFrame中 window....

    JS操作iframe里的dom(实例讲解)

    例如，在子窗口中定义一个函数，通过`parent.document.getElementById("targetElementId")`来访问父窗口的元素。 4. **跨域问题**： - 默认情况下，由于同源策略的限制，不同源的`iframe`不允许互相访问彼此的DOM...

    Iframe和FRAME的区别分析

    相反，子窗体（Iframe）可以通过其`parent`对象访问和控制父窗体的对象： ```javascript parent.document.getElementById('myParentElement').innerText = 'New Text'; ``` 需要注意的是，由于跨域安全策略，...

    JavaScript子窗口调用父窗口变量和函数的方法

    在这个`iframe`子页面中，我们可以设置一些变量和函数，并通过父窗口的JavaScript代码来调用它们。例如，可以创建一个`childPara`变量和`childFunction`函数，然后在父窗口的JavaScript中通过`frame1.window....

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题，这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid，其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...

    ExtAspNet_v2.3.2_dll

    -修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题，这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid，其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...

    JavaScript常用技巧

    ` 在IE中解除对象的事件监听。 17. **插件信息**：`navigator.plugins` 返回浏览器中安装的插件列表。 18. **变量类型检测**：`typeof($js_libpath) == "undefined"` 检查变量是否已定义。 19. **下拉框操作**：`...

    C#编程经验技巧宝典

    6 &lt;br&gt;0014　如何锁定窗体中的控件　6 &lt;br&gt;0015　统一窗体中控件的字体设置　7 &lt;br&gt;0016　通过“格式”菜单布局窗体　7 &lt;br&gt;0017　起始页中的“Visual Studio开发人员新闻”　7 &lt;br&gt;1.3　MSDN帮助的...

Magicbox
Global site tag (gtag.js) - Google Analytics