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;
}
分享到:
相关推荐
js iframe 方法及元素相互调用 js调用iframe方法
js控制/获取a.html中iframe加载的b.html中的iframe,很多人都以为getElementById可以直接获取,其实不行的,以上代码就解决了这个问题,js控制iframe加载页面的iframe,不过测试只在IE和火狐通过,谷歌不行,其他自...
本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法(含JS、JQuery方法)
主要介绍了js调用iframe实现打印页面内容的方法,需要的朋友可以参考下
以前在面试的时候经常遇到问关于跨域的事儿,所以自己对跨域有一定的概念性了解,知道什么是跨域以及解决跨域的方法,但是具体实际从来没有操作过,直到最近在公司项目中,遇到了一个需要使iframe跨域进行POST提交的...
该文档介绍了vue和普通web页面中iframe实现跨域的解决方案,解决了主页面中无法调用iframe方法的问题
iframe框架\JS获取iframe元素
iframe 跨域访问session问题解决方法
FRAME与IFRAME的使用方法与区别 两者是如何区分如何工作的
NULL 博文链接:https://skying007.iteye.com/blog/1044069
主要介绍了使用iframe在网页中嵌入其他网页的方法,需要的朋友可以参考下
获取iframe的document对象的目的就是进行dom的操作 $(function() { var result = $('#myframe').prop('contentWindow').document; console.log(result); }); 这样输出来的结果是:document对象
给大家介绍了div被iframe遮住的一些情况,以及被遮住后的解决办法,有需要的朋友们可以参考借鉴。
有时候需要在当前的iframe页面打开地址,以来容易控制不用去别的也页面,当前页不用转向也能提交。
iframe框架中实现打开多窗口方法
iframe自适应高度的多种方法方法小结
主要介绍了JS去除iframe滚动条的方法,涉及javascript操作iframe中属性的技巧,非常具有实用价值,需要的朋友可以参考下
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
本文实例分析了jQuery取得iframe中元素的常用方法。分享给大家供大家参考,具体如下: jquery取得iframe中元素的几种方法: 在iframe子页面获取父页面元素 代码如下: 复制代码 代码如下:$(‘#objId’, parent....
本文介绍了layer弹出子iframe层父子页面传值的实现方法,分享给大家,具体如下: 父页面获取子页面元素 格式: $("#iframeID").contents().find("#eleID") 示例代码: father.html <!DOCTYPE html> <...