iframe外面的js不能调用里面的dom,只能通过调用里面的js方法来调用。
iframe外面的js调用里面的js方法:通过iframe的name.里面的js方法名调用。
初始化外面的jq:
$(function(){
outiframe.init();
);
outiframe = {
init : function(){
//方法内容,如调用iframe里面的方法
iframe的nane.ineriframe.inermethod1();
},
method : function(){
//方法内容
}
}
iframe里面的jq:
ineriframe = {//相当于命名空间
inermethod1 : function(){
//方法内容
},
inermethod2 : function(){
//方法内容
}
}
iframe里面调用外面的方法和dom,可以用:window.parent.外面的方法或dom操作。
附上iframe的模板:
<iframe width=800 height=500 frameborder=0 scrolling=auto src=""></iframe>
再附上js获取根目录的方法:
/**
* 获取项目根路径
*
* @returns
*/
function getRootpath() {
var ctx = window.location.pathname;
var rootPath = ctx.substring(0, ctx.substr(1).indexOf('/') + 1);
return rootPath;
}
分享到:
相关推荐
而在父页面中,由于`iframe`内容被封装在一个单独的窗口对象中,我们需要先获取到`iframe`的`contentWindow`或`contentDocument`属性,然后才能访问`iframe`中的内容。例如,获取`iframe`内一个名为`iframeFunction`...
例如,可以通过document.frames['frameName']或者document.getElementById('frameId')获取iframe元素,然后可以修改其location属性,从而在指定的iframe中加载新的URL。例如:document.frames['frameName'].location...
为了实现这样的功能,我们需要首先获取到`iframe`的`document`对象,因为`document`对象是HTML文档的根节点,提供了访问和操作页面元素的接口。本篇文章将详细介绍如何在jQuery中获取`iframe`的`document`对象,并...
总结,获取iframe高度的方法包括静态的DOM属性访问,动态的事件监听和定时器检查,以及跨域的`postMessage`通信。具体使用哪种方法取决于iframe内容的加载情况和是否跨域。在实际开发中,通常会结合多种方法以实现更...
通过上述介绍,我们可以了解到使用JS调用iframe实现页面内容打印的方法主要分为以下几个步骤:准备打印内容、创建并配置iframe、调用打印功能以及处理打印后的清理工作。这些技术手段为网页开发者提供了灵活的方式来...
例如,假设`iframe`的ID为`myIframe`,我们可以这样获取其内容: ```javascript var iframe = document.getElementById('myIframe'); var iframeContentWindow = iframe.contentWindow; // 对于非同源策略限制,...
"iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...
以下将详细阐述几种DIV被IFRAME遮挡的情况,并提供相应的解决方法。 首先,要了解的是IFRAME是一种HTML元素,它允许在当前HTML文档中嵌入另一个独立的HTML页面。尽管这一特性带来了许多便利,但同时也带来了诸如...
iframe 加载完成的判断方法 在 Web 开发中,判断 iframe 是否加载完成是一个常见的问题。由于 iframe 的加载过程是异步的,因此我们需要使用合适的方法来判断 iframe 是否加载完成。本文将介绍几种判断 iframe 是否...
js控制/获取a.html中iframe加载的b.html中的iframe,很多人都以为getElementById可以直接获取,其实不行的,以上代码就解决了这个问题,js控制iframe加载页面的iframe,不过测试只在IE和火狐通过,谷歌不行,其他自...
不过,当iframe和父页面属于同一域时,可以通过JavaScript或jQuery来操作父页面中的元素和方法。本文将详细介绍如何使用jQuery来查找和操作iframe父页面中的元素和方法。 首先,需要明确iframe元素可以被视为一个...
### iframe框架与JavaScript获取iframe元素详解 #### 一、引言 `iframe`是非标准HTML标签,最初由Internet Explorer浏览器引入并推广,随后被Mozilla等其他浏览器所支持。`iframe`的主要用途是在当前网页中嵌入另一...
- **通过 DOM 方法**:可以使用 `window.frames` 集合来访问 iframe 内的文档,然后使用 `document` 属性来获取其内容。例如,`window.frames["iframeSon"].document` 可以获取 id 为 "iframeSon" 的 iframe 中的...
下面我们将详细讲解如何使用`iframe`在网页中嵌入其他网页的方法以及相关属性。 首先,`<iframe>` 标签的基本结构如下: ```html <iframe src="目标URL" width="宽度" height="高度" frameborder="边框" margin...
在Web开发中,"父窗口调用iframe子窗口方法"是一个常见的交互场景,尤其是在构建复杂的单页面应用或者需要跨窗口通信时。这篇文章将详细讲解如何实现这个功能,并提供相关的源码示例。 首先,理解基本概念。`iframe...
`iframe`加载完成后,将其`name`属性设置为需要传递的数据,然后在父页面中通过读取`iframe.contentWindow.name`获取数据。 4. **`JSONP`(JSON with Padding)**:适用于只支持GET请求的API。通过动态创建`...
然后,通过调用“.contents()”方法获取iframe的文档内容,这会返回iframe的Document对象。接着,使用“.find()”方法在该文档中查找具有特定id的元素,本例中是id为“test”的元素。 一旦选中了目标元素,就可以...
然而,当涉及到跨域时,`iframe` 遇到的问题之一就是无法正常访问父页面或被嵌入页面的`session`。这是因为浏览器的同源策略(Same-Origin Policy)限制了不同源之间的交互,包括`session`和`cookie`。 同源策略是...
内容概要:以vue2为例,搭建一个...2、使用position: fixed解决iframe的弹窗及遮罩层问题 3、使用requestFullscreen()解决iframe里的全屏问题 4、使用history解决浏览器的后退问题 5、页面刷新,iframe可以加载正确页面
以前在面试的时候经常遇到问关于跨域的事儿,所以自己对跨域有一定的概念性了解,知道什么是跨域以及解决跨域的方法,但是具体实际从来没有操作过,直到最近在公司项目中,遇到了一个需要使iframe跨域进行POST提交的...