如何从一个html页面调用另外一个页面的js函数,解决同一页面中两个iframe互相调用jquery,js函数的方法...

解决同一页面中两个iframe互相调用jquery,js函数的方法

2019-01-06

编程之家

https://www.jb51.cc

编程之家收集整理的这篇文章主要介绍了解决同一页面中两个iframe互相调用jquery,js函数的方法，编程之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

这一个月又没更新博客，唉，懒癌又犯了，今天解决了一个问题，关于两个iframe互相调用jquery函数方法

a.html中有两个iframe,如下：

b.html中有一个treeview,称为左菜单iframe

c.html为b.html中treeview点击后显示的数据,就称为右页面iframe。

既然两个页面之间都有关系，存在在a.html中，那这两个页面就能互相调用Js方法。

ps:如果两个页面之间没有一点关系，那就让他们产生关系方能互相调用，比如说两个页面都引用一个js文件，那就能互相调用了。

比如说

c.html中有一个button

function btnAlert(index) {

$(window.parent.$("#left"))[0].contentWindow.GetIndex(index);//调用b.html中的方法

}

b.html中

最后总结下：

如果是c.html的iframe是在b.html中那么引用下面的方法

1，子iframe内调用父类函数方法：

window.parent.func();

2，子Iframe中获取父界面的元素：

$("#xx",window.parent.document);

这个xx就是父界面中要获取的元素的ID。

3，jquery 调用子iframe页面中js的方法：

iframefunction()是子页面的方法

$(window.parent.document).contents().find("#iframename")[0].contentWindow.iframefunction();

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持编程之家！

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！

如何从一个html页面调用另外一个页面的js函数,解决同一页面中两个iframe互相调用jquery,js函数的方法...相关推荐

html 两个iframe重叠,解决同一页面中两个iframe互相调用jquery,js函数的方法
这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下: b.html中有一个treeview,称为左菜单i ...
解决同一页面中两个iframe互相调用jquery,js函数
这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下: <iframewidth="100 ...
github 首页 html,GitHub - merrier/github-html-preview: 一个可以直接预览html页面的chrome插件...
Github HTML Preview 一个可以直接预览html页面的chrome插件 Github HTML Preview provide a quick way to preview the h ...
javascript笔记——点击按钮（或超链接）如何跳转到另外一个页面并执行目标页面的js函数...
页面跳转同时执行js代码$(function(){});url参数传递标题的前半部分其实不必赘述,按钮也可以换成超链接.. 假设是需要在A页面上的一个按钮,点击后跳转到B页面,传一些参数后且并B页面 ...
调用二级页面的html代码,从一级页面直接调用二级页面中的iframe框架
上次写了篇调用iframe框架页面的文章,今天继续说一下怎么从一级页面跳转到指定的二级页面中的iframe框架的问题.( 太绕口了) 继续以我做的网站为例子,演示地址是http://www.super ...
java中引导页面的,Android实现欢迎引导页面
现在的大多数应用都会有一个欢迎引导页面, 需求分析: 程序安装后第一次启动: 启动页-->功能引导页-->应用主页以后启动: 启动页-->应用主页实现原理: 用SharedPre ...
seo需要处理页面html,为什么单页面的seo不友好？如何解决这一问题？
前言大家可能都知道单页面的SEO不友好,但是你有没有思考过为什么单页面的SEO不友好呢?在单页面盛行的今天,有哪些策略来规避掉这一缺点呢?很好奇有木有?那就跟我一起开启探索之旅吧~ 搜索引擎的工作原 ...
android onresume函数,android - 在Activity中重新创建后未调用onResume
在应用程序设置中进行某些更改时,我在recreate的onActivityResult中调用MainActivity.重新创建后,不调用onResume. 我也收到错误:E/ActivityThrea ...
通过哪些方法可以获取页面的html元素,JavaScript获取页面元素的常用方法详解
1.通过标签获取元素,返回一个数组 var li = document.getElementsByTagName('li');//标签获取元素 li[0].innerHTML;// 查看获取元素的内容 ...
跨域调用报表展现页面的flash打印方法
环境说明: 项目的应用和润乾的报表应用分别部署在同一机器不同的web服务器上(IP相同,端口不同,项目的端口8080,报表应用的端口是6868). 在项目中的父页面通过iframe调用报表展现页 ...

如何从一个html页面调用另外一个页面的js函数,解决同一页面中两个iframe互相调用jquery,js函数的方法...

如何从一个html页面调用另外一个页面的js函数,解决同一页面中两个iframe互相调用jquery,js函数的方法...相关推荐

最新文章

热门文章