<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="IframeDemo._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script language="javascript" type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script language="javascript" type="text/javascript">
$("id").window.functionName();
window.parent.goNext();//子页面调用付页面函数
$("#svgEle").contents().find("#blackLine").attr('stroke',color); 父页面操作子页面
- $("#mainframe",parent.document.body).attr("src","http://www.baidu.com") 子页面调用父页面
var hello = 'hello';
function getHelloWorld() {
alert('hello world');
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="default" style=" width:200px; height:400px; float:left;">default.aspx</div>
<iframe id="iframeid" src="IFrame.aspx" style=" width:400px; height:400px; float:left;"></iframe>
</div>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="IFrame.aspx.cs" Inherits="IframeDemo.IFrame" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script language="javascript" type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
//在iframe中查找父页面元素
alert($('#default', window.parent.document).html());
//在iframe中调用父页面中定义的方法
parent.getHelloWorld();
//在iframe中调用父页面中定义的变量
alert(parent.hello);
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="iframe">
IFrame.aspx
</div>
</form>
</body>
</html>
相关推荐
如果尝试在不同源的iframe中操作元素，将会遇到跨域访问限制，这是由浏览器的安全机制决定的。 在具体实现上，我们可以使用jQuery提供的选择器和方法来实现与父页面的交互。以下是一些关键的操作步骤： 1. 在...
1）在iframe中查找父页面元素的方法：$(‘#id’, window.parent.document) 2）在iframe中调用父页面中定义的方法和变量：parent.methodparent.value 3）实例 1.父页面 代码如下:<%@ Page Language=”C#” ...
在网页开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了JavaScript的DOM操作，事件处理，动画设计以及Ajax交互。本篇文章将详细讲解如何利用jQuery实现iframe页面的切换功能，以便于创建更丰富的用户...
JQUERY IFRAME下面简单使用Jquery来操作iframe的一些...第三、在iframe中调用父页面中定义的方法和变量：parent.methodparent.valueiframe里用jquery获取父页面body iframe.html 代码如下:<html>[removed]</sc
jquery、js调用iframe父窗口与子窗口元素的方法整理 在Web开发中，iframe是一个常用的技术，用于在...jquery和js调用iframe父窗口与子窗口元素的方法是Web开发中的一个重要技术，可以帮助开发者更好地实现自己的项目。
点击链接后，应该会在浏览器中看到一个弹出框，内容是“我是测试页面test”，这表明我们已经成功通过jQuery获取到了iframe中的DOM元素。 需要注意的是，使用jQuery操作iframe中的DOM时，必须确保iframe已经完全加载...
在网页开发中，有时我们需要实现子页面在父页面中打开的功能，这在多窗口或框架结构的应用中尤其常见。jQuery库作为一个强大的JavaScript工具集，能够简化这种操作，使得无需依赖基础的jQuery类库就能实现这一功能。...
"iframe父页面与子页面通信及相互调用方法"是一个重要的主题，涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面（Parent Page）**：包含`iframe`...
在IT领域，网页编程尤其是JavaScript和jQuery操作DOM元素时，涉及到父页面与iframe子页面之间的数据交互是一项常见但又相对复杂的技术。本文将基于提供的文件信息，深入解析父页面如何获取iframe子页面的数据，以及...
在网页开发中，有时我们需要实现一种交互效果，即在用户点击特定按钮时，隐藏嵌入在页面中的`iframe`元素。这种效果对于提高用户体验、控制页面布局或在多页面交互场景下尤为有用。本篇文章将深入讲解如何使用`...
当涉及到在页面中嵌入 iframe (内联框架) 的情况时，jQuery 提供了一些方法来帮助我们方便地访问和操作 iframe 中的元素。本文将详细探讨如何使用 jQuery 在父窗口和 iframe 之间进行交互。 1. **父窗口操作 iframe...
接下来是关于在JQuery中和JavaScript中，如何在父页面与子页面间进行元素的互相操作： 1. **jQuery 在iframe子页面获取父页面元素**： ```javascript $("#objid", parent.document) ``` 使用`parent.document`...
5. **使用jQuery在`iframe`中操作父窗口的元素**： - 在父窗口中操作`iframe`中的元素： ```javascript $(window.frames["iframe1"].document).find("input:radio").attr("checked", "true"); ``` - 在`iframe`...
在本文中，我们将会探讨如何在jQuery环境下实现一个特定功能，即如何将iframe中的页面元素弹出并在父页面上全屏化。这个过程涉及到了多方面的技术细节，包括jQuery的基本使用、iframe的特性、全屏API的兼容性处理...
在网页开发中，有时我们需要在不同的窗口或者框架之间进行交互，比如在iframe子窗口操作父窗口的元素，或者反之。本文将详细介绍如何使用jQuery和JavaScript来实现这种跨窗口的元素操作。 1. **jQuery在iframe子...
- **在父窗口中操作iframe中的元素**：如果在父窗口中操作iframe内的元素，可以使用`$("#iframeId", window.parent.document).find("#elementId")`来获取iframe中id为`elementId`的元素。 ### iframe操作父窗口中的...
在网页开发中，有时我们需要在`iframe`子页面与父页面之间进行交互，例如获取或操作对方的DOM元素。这通常涉及到跨文档通信，因为`iframe`子页面被视为一个独立的文档，它有自己的窗口对象和文档对象模型（DOM）。...