index.html 里 有个iframe,指向xx.html
<SCRIPT LANGUAGE="JavaScript">
function test(){
alert("iframe的 src=" + document.all.bottom.src);
alert("xx.html 里的js变量aa=" + bottom.aa);
alert("xx.html 里的input的值mytext.value="
+ bottom.document.all.mytext.value);
//调用xx.html里的f_xx方法
bottom.f_xx()
}
</SCRIPT>
<iframe id="bottom" src="xx.html" name="bottom"></iframe>
<button onclick="test()">click me</button>
<SCRIPT LANGUAGE="JavaScript">
var aa = "var in xx.html";
function f_xx()
{
alert("hello!");
}
</SCRIPT>
<input type="text" name="mytext" value="gogo">
分享到:
相关推荐
然而,当涉及到跨域时,`iframe` 遇到的问题之一就是无法正常访问父页面或被嵌入页面的`session`。这是因为浏览器的同源策略(Same-Origin Policy)限制了不同源之间的交互,包括`session`和`cookie`。 同源策略是...
"解决JS跨域访问IFrame的解决方案"这一主题关注的就是如何克服这个限制,使得在JSP页面中嵌入的跨域IFrame能够正常通信。下面我们将详细探讨这个问题以及可能的解决方案。 首先,理解同源策略是关键。同源策略是...
本文将深入探讨`iframe`与主框架如何进行同域和跨域访问,并提供相关的解决方案。 同域访问: 在同域环境下,即`iframe`的源URL与包含它的页面URL具有相同的协议、主机名和端口,`iframe`与主框架之间的通信是无...
在Web开发中,"iframe跨域访问"是一个重要的概念,涉及到浏览器的安全策略和网页的嵌入技术。本文将深入探讨这个主题,以便更好地理解和应用。 首先,我们需要了解什么是iframe。Iframe,全称Inline Frame,是HTML...
通过这两个属性,我们可以访问到其他`iframe`或父页面的全局对象,进而调用其中的方法或读取变量。 2. **利用`postMessage`和`message`事件:** HTML5引入了`postMessage`API,允许不同源的页面之间安全地传递数据...
在网页开发中,有时我们需要在不同的页面或者框架之间进行交互,比如子页面操作父页面的数据,或者在一个iframe中访问另一个iframe中的内容。这种情况在实际应用中很常见,尤其是在构建复杂Web应用时。以下是对"子...
确保`<iframe>`加载的页面与包含它的页面位于相同的源(协议+域名+端口)下,或者`<iframe>`加载的页面明确通过`window.postMessage`等方式允许父页面访问其内容。 总的来说,通过使用JavaScript动态计算`<iframe>`...
1. **CORS(Cross-Origin Resource Sharing)**:这是一种现代浏览器支持的跨域资源共享机制,服务器端需要在响应头中添加`Access-Control-Allow-Origin`字段,允许特定或所有来源进行跨域访问。例如,服务器端代码...
这通常通过JavaScript或jQuery来实现,通过获取iframe的`contentWindow`或`contentDocument`属性来访问和操作iframe内部的DOM元素。例如,如果我们想要改变右边iframe中的某个元素的颜色,可以这样做: ```...
在Internet Explorer浏览器中,可以通过多种方式来访问`iframe`内部的内容。 ##### 1. 使用`document.frames` 这是最直接的方式之一,通过`document.frames["iframeName"]`来获取`iframe`对象。例如: ```...
想要访问量
2. **同源策略**:同源策略是浏览器为了安全而实施的一种策略,规定了只有同源(协议+域名+端口完全相同)的网页才能互相访问对方的DOM元素和JavaScript对象,不同源的页面则受到限制。 3. **iframe跨域问题**:当...
这个方法可以被`iframe`的父窗口或子窗口用来传递信息。 2. **`message`事件**:当一个窗口接收到`postMessage`发送的消息时,会触发`message`事件。我们需要注册事件监听器来处理这些消息。例如: ```javascript ...
此时,JavaScript可以通过`window.parent`对象访问父框架的DOM元素,或者通过`window.frames["iframeName"]`访问`iframe`中的内容。例如,主页面可以通过以下代码获取`iframe`中的某个元素: ```javascript var ...
这篇博客文章《子页面访问父页面 和 跨iframe访问》(链接已提供)深入探讨了这两个主题。 首先,让我们了解“子页面访问父页面”的概念。在浏览器环境中,当一个页面(父页面)包含了一个或多个iframe时,这些嵌入...
在代码隐藏文件(例如 aspx.cs 文件)中,声明 iframe 变量,用于在服务器端访问 iframe 元素。例如: ``` protected System.Web.UI.HtmlControls.HtmlGenericControl frame1; ``` Step 3:在 Page_Load 事件中获取 ...
同源策略限制了来自不同源的脚本之间的直接交互,这意味着如果IFrame加载的是一个与主页面不同的域名下的资源,那么主页面的JavaScript将无法访问IFrame内部的DOM,包括其Cookies和Session数据。此外,IE浏览器对于...
然而,需要注意的是,由于同源策略的限制,如果`iframe`加载的页面与父页面不在同一个域下,我们无法直接访问`iframe`的内容。在这种情况下,可以尝试使用`postMessage`和`message`事件进行跨域通信,让`iframe`内部...
首先,要访问`iframe`内部的DOM,我们必须获取到`iframe`对象,然后通过`contentWindow`属性访问到`iframe`内部的`window`对象,再通过`document`属性获取其`document`对象。这样,我们就能够对`iframe`内的HTML元素...