父页面
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>Untitled Document</title>
<script type="text/javascript">
function f2method(){
alert("f2method");
}
function test(){
//父页面访问子页面 (根据iframe的name属性)
alert(window.frames["f3"].document.getElementsByTagName("h1")[0].firstChild.data);
//父页面访问子页面 (根据iframe的id值)
alert(document.getElementById("f3").contentWindow.document.getElementsByTagName("h1")[0].firstChild.data);
//修改子页面的值
document.getElementById("f3").contentWindow.document.getElementsByTagName("h1")[0].innerHTML="我想变成她一天的一部分";
}
</script>
</head>
<body onload="test()">
我是frame_2
<iframe id="f3" name="f3" src="frame3.html"></iframe>
</body>
</html>
子页面:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>Untitled Document</title>
<script language="JavaScript">
function parentFrame() {
window.parent.f2method();//调用父页面中的方法
}
window.onload = parentFrame;
</script>
</head>
<body>
<h1>妹妹的一天</h1>
<p>早上吃早点，中午约会吃饭，下午K歌，晚上和哥哥瞎折腾</p>
</body>
</html>
分享到：
相关推荐
Frame 对象可以是独立的窗口，也可以是其他窗口的子窗口，而 ContentWindow 对象则是 Frame 对象的 Window 对象。 Frame 对象和 ContentWindow 对象的使用方法 Frame 对象和 ContentWindow 对象可以用于实现多种...
每个frame或iframe都有自己的窗口对象（window）和文档对象（document），我们可以使用`contentWindow`和`contentDocument`属性来访问它们。例如，`frameElement.contentWindow`可以返回frame或iframe的窗口对象，`...
2. **parent 和 self**：`parent`对象表示包含当前frame的window，而`self`则表示当前frame本身。如果你知道目标元素在父frame中，可以使用`parent.document.getElementById('elementId')`；反之，如果元素在当前...
在这个例子中，`window.parent`获取了顶层`frame`，然后通过`document.getElementsByTagName`找到第二个`frame`（因为索引从0开始），接着通过`contentWindow`属性获取`frame`内的`window`对象，最后通过`document....
7. 非标准方法：一些非标准的方法，如`window.contentWindow`、`frames[index]`等，也可以在某些浏览器中实现`iframe`与父页面间的访问。但需要注意，这些方法可能不被所有浏览器支持，使用时需谨慎。 8. CORS...
本文实例探讨了JS中FRAME的操作问题，分享给大家... 代码如下:window.frames(“frameA”).contentWindow.name 或者 代码如下:document.getElementById(“frameA”).contentWindow.name 或者 代码如下:jquery：window.$
jQuery获取iframe的window对象 var win = $(‘#ifr’)[0].contentWindow; JS原生方法获取iframe的window对象 document.getElementById(“ifr”).contentWindow; 可见 $(‘#ifr’)[0].contentWindow 和 document....
1. **基本对话框**：JavaScript提供了`window.alert()`, `window.confirm()` 和 `window.prompt()` 三个内置函数来创建基本的弹出窗体。`alert()`用于显示信息并暂停执行，`confirm()`用于询问用户并返回一个布尔值...
最后，通过调用`window.print()`方法，可以启动打印预览。为了确保iframe已经加载完成，我们通常会添加一个加载事件监听器： ```javascript iframe.onload = function() { iframe.contentWindow.focus(); // 避免...
frame1.contentWindow.document.getElementById('someElement').innerText = 'Hello, Frame!'; // 从子框架向父框架发送消息 window.parent.postMessage('From child frame', '*'); ``` 在实际应用中，多窗口和多...
如果使用`window.postMessage`，需要在接收端添加事件监听器来处理来自其他frame的消息。例如，在父框架中监听子框架发送的消息： ```javascript window.addEventListener('message', function(event) { if (event...
每个`frame`在`window.frames`中都有一个对应的索引或名称，可以通过索引或名称调用相应的`frame`，然后访问其`window`对象及其方法和属性。 ```javascript var parentWindow = window.parent; // 获取父窗口 ...
例如，某些浏览器可能使用`window`，而有些则使用`contentWindow`等。本文将详细介绍一种通用的方法，以确保`iframe`与父页面之间的交互能在各种主流浏览器中稳定运行。 #### 基本原理 要实现`iframe`与父页面之间...
首先，要访问`iframe`内部的DOM，我们必须获取到`iframe`对象，然后通过`contentWindow`属性访问到`iframe`内部的`window`对象，再通过`document`属性获取其`document`对象。这样，我们就能够对`iframe`内的HTML元素...
这里，`#myframe`是`iframe`的ID，`prop('contentWindow')`返回的是`iframe`的窗口对象，而`window`对象在JavaScript中包含了`document`属性，所以通过`.document`可以获取到`iframe`内部的`document`对象。...
window.frames["dynamicFrame"].contentWindow.postMessage("Hello", "*"); // 子页面监听消息 window.addEventListener("message", function(event) { if (event.origin !== "http://your-origin.com") return...
这里的`contentWindow`属性返回的是`iframe`中的`window`对象。获取了这个`window`对象之后，就可以执行一系列的操作，例如调用子窗体中的JavaScript函数、修改子窗体的DOM等。 #### 二、获取iframe的document对象 ...
但是，如果一个文档定义了一个或者多个框架(即：包含一个或者多个frame或者iframe标签)，浏览器就会为原始文档创建一个window对象，再为每个iframe创建额外的window对象，这些额外的window对象是原始窗口的子窗口。...