`
二当家的
  • 浏览: 25705 次
文章分类
社区版块
存档分类
最新评论

iframe笔记及获取根目录的方法

 
阅读更多

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`内容被封装在一个单独的窗口对象中,我们需要先获取到`iframe`的`contentWindow`或`contentDocument`属性,然后才能访问`iframe`中的内容。例如,获取`iframe`内一个名为`iframeFunction`...

    在iframe框架中打开页面的方法

    例如,可以通过document.frames['frameName']或者document.getElementById('frameId')获取iframe元素,然后可以修改其location属性,从而在指定的iframe中加载新的URL。例如:document.frames['frameName'].location...

    jQuery获取iframe的document对象的方法

    为了实现这样的功能,我们需要首先获取到`iframe`的`document`对象,因为`document`对象是HTML文档的根节点,提供了访问和操作页面元素的接口。本篇文章将详细介绍如何在jQuery中获取`iframe`的`document`对象,并...

    JS 获取iframe高度的静动态方法

    总结,获取iframe高度的方法包括静态的DOM属性访问,动态的事件监听和定时器检查,以及跨域的`postMessage`通信。具体使用哪种方法取决于iframe内容的加载情况和是否跨域。在实际开发中,通常会结合多种方法以实现更...

    js调用iframe实现打印页面内容的方法

    通过上述介绍,我们可以了解到使用JS调用iframe实现页面内容打印的方法主要分为以下几个步骤:准备打印内容、创建并配置iframe、调用打印功能以及处理打印后的清理工作。这些技术手段为网页开发者提供了灵活的方式来...

    js iframe 方法及元素相互调用

    例如,假设`iframe`的ID为`myIframe`,我们可以这样获取其内容: ```javascript var iframe = document.getElementById('myIframe'); var iframeContentWindow = iframe.contentWindow; // 对于非同源策略限制,...

    iframe父页面与子页面通信及相互调用方法

    "iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...

    div被iframe遮住的几种情况及解决方法

    以下将详细阐述几种DIV被IFRAME遮挡的情况,并提供相应的解决方法。 首先,要了解的是IFRAME是一种HTML元素,它允许在当前HTML文档中嵌入另一个独立的HTML页面。尽管这一特性带来了许多便利,但同时也带来了诸如...

    js下判断 iframe 是否加载完成的完美方法.docx

    iframe 加载完成的判断方法 在 Web 开发中,判断 iframe 是否加载完成是一个常见的问题。由于 iframe 的加载过程是异步的,因此我们需要使用合适的方法来判断 iframe 是否加载完成。本文将介绍几种判断 iframe 是否...

    js获取控制iframe中iframe的src

    js控制/获取a.html中iframe加载的b.html中的iframe,很多人都以为getElementById可以直接获取,其实不行的,以上代码就解决了这个问题,js控制iframe加载页面的iframe,不过测试只在IE和火狐通过,谷歌不行,其他自...

    Jquery调用iframe父页面中的元素及方法

    不过,当iframe和父页面属于同一域时,可以通过JavaScript或jQuery来操作父页面中的元素和方法。本文将详细介绍如何使用jQuery来查找和操作iframe父页面中的元素和方法。 首先,需要明确iframe元素可以被视为一个...

    iframe框架\JS获取iframe元素

    ### iframe框架与JavaScript获取iframe元素详解 #### 一、引言 `iframe`是非标准HTML标签,最初由Internet Explorer浏览器引入并推广,随后被Mozilla等其他浏览器所支持。`iframe`的主要用途是在当前网页中嵌入另一...

    Jquery取得Iframe中元素的几中方法

    - **通过 DOM 方法**:可以使用 `window.frames` 集合来访问 iframe 内的文档,然后使用 `document` 属性来获取其内容。例如,`window.frames["iframeSon"].document` 可以获取 id 为 "iframeSon" 的 iframe 中的...

    使用iframe在网页中嵌入其他网页的方法

    下面我们将详细讲解如何使用`iframe`在网页中嵌入其他网页的方法以及相关属性。 首先,`&lt;iframe&gt;` 标签的基本结构如下: ```html &lt;iframe src="目标URL" width="宽度" height="高度" frameborder="边框" margin...

    父窗口调用iframe子窗口方法

    在Web开发中,"父窗口调用iframe子窗口方法"是一个常见的交互场景,尤其是在构建复杂的单页面应用或者需要跨窗口通信时。这篇文章将详细讲解如何实现这个功能,并提供相关的源码示例。 首先,理解基本概念。`iframe...

    iframe 跨域解决方法

    `iframe`加载完成后,将其`name`属性设置为需要传递的数据,然后在父页面中通过读取`iframe.contentWindow.name`获取数据。 4. **`JSONP`(JSON with Padding)**:适用于只支持GET请求的API。通过动态创建`...

    Jquery方式获取iframe页面中的 Dom元素

    然后,通过调用“.contents()”方法获取iframe的文档内容,这会返回iframe的Document对象。接着,使用“.find()”方法在该文档中查找具有特定id的元素,本例中是id为“test”的元素。 一旦选中了目标元素,就可以...

    iframe 跨域访问session

    然而,当涉及到跨域时,`iframe` 遇到的问题之一就是无法正常访问父页面或被嵌入页面的`session`。这是因为浏览器的同源策略(Same-Origin Policy)限制了不同源之间的交互,包括`session`和`cookie`。 同源策略是...

    vue基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生

    内容概要:以vue2为例,搭建一个...2、使用position: fixed解决iframe的弹窗及遮罩层问题 3、使用requestFullscreen()解决iframe里的全屏问题 4、使用history解决浏览器的后退问题 5、页面刷新,iframe可以加载正确页面

    关于iframe跨域POST提交的方法示例

    以前在面试的时候经常遇到问关于跨域的事儿,所以自己对跨域有一定的概念性了解,知道什么是跨域以及解决跨域的方法,但是具体实际从来没有操作过,直到最近在公司项目中,遇到了一个需要使iframe跨域进行POST提交的...

Global site tag (gtag.js) - Google Analytics