iframe与主框架跨域如何相互访问

1.同域相互访问

假设A.html 与 b.html domain都是localhost (同域)

A.html中iframe 嵌入 B.html,name=myframe

A.html有js function fMain()

B.html有js function fIframe()

需要实现 A.html 调用 B.html 的 fIframe(),B.html 调用 A.html 的 fMain()

A.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title> main window </title>  

  <script type="text/javascript">
  // main js function
  function fMain(){
    alert('main function execute success');
  }  

  // exec iframe function
  function exec_iframe(){
    window.myframe.fIframe();
  }
  </script>  

 </head>  

 <body>
  <p>A.html main</p>
  <p><input type="button" value="exec iframe function" onclick="exec_iframe()"></p>
  <iframe src="B.html" name="myframe" width="500" height="100"></iframe>
 </body>
</html>

B.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title> iframe window </title>  

  <script type="text/javascript">
  // iframe js function
  function fIframe(){
    alert('iframe function execute success');
  }  

  // exec main function
  function exec_main(){
    parent.fMain();
  }
  </script>  

 </head>  

 <body>
  <p>B.html iframe</p>
  <p><input type="button" value="exec main function" onclick="exec_main()"></p>
 </body>
</html>

点击A.html 的 exec iframe function button,执行成功,弹出iframe function execute success。如下图

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索html
, iframe
, function
, main
, html js iframe
, execute
, success
, iframe跨域
, iframe跨域访问
, iframe相互调用
, 主框架
, iframe跨
, JSP跨iframe
跨iframe
iframe跨域访问、iframe 跨域 拒绝访问、iframe跨域访问父窗口、js iframe 跨域访问、iframe 跨域访问页面,以便于您获取更多的相关知识。

时间: 2024-12-26 23:46:51

iframe与主框架跨域如何相互访问的相关文章

页面-腾讯网评论的iframe是如何实现跨域获取高度的

问题描述 腾讯网评论的iframe是如何实现跨域获取高度的 http://ent.qq.com/a/20150601/007047.htm?pgv_ref=aio2015&ptlang=2052#p=1 下边可以看到腾讯所有的评论都是引入这个iframe实现的 iframe frameborder="no" scrolling="no" id="commentIframe" style="width: 100%; **heigh

跨域或者Internet访问Remoting[Remoting FAQ]

[Remoting FAQ] 跨域或者Internet访问Remoting Version Date Creator Description 1.0.0.1 2006-6-1 郑昀@Ultrapower 草稿   继续阅读之前,我们假设您熟悉以下知识: n         Remoting [需求] 虽然说,Remoting一般都在同一个域内调用,但有时候,也需要跨域访问,甚至于跨Internet访问.毕竟,让第三方远程测试下Remoting方法,不能要求人家加入你的域. [现象] 在走TCP

h3c-三层交换网络 怎么设置各VLAN和主路由器网段相互之间不能相互访问

问题描述 三层交换网络 怎么设置各VLAN和主路由器网段相互之间不能相互访问 各位大虾们,我是一个网络菜鸟 请帮忙解决下 三层交换下有许多VLAN 主路由器这个网段是办公用的 ,没设置VLAN 现在想要各VLAN不能访问办公这个网段 怎么 设置 ?不用命令可以设置不?路由器是AC-1600的,三层交换机是H3C S5800的 接路由器上 ,刚注册的 没有悬赏金 哦 解决方案 不用命令的话,可以利用三层交换的网管功能进行功能的管理,其实就是做一个ACL的限制.如果你的路由器有网管功能的话,可以在路

JavaScript实现iframe自动高度调整和不同主域名跨域_javascript技巧

 大家都知道Js有同源策略,就是主域名不同嵌套的iframe不允许Js通信的. 比如我有一个网站,网站中要嵌入其网站的页面.那么我可以使用iframe引用第三方网站的地址即可. 但是问题也来的iframe的高度是固定的不能与第三方网站很好的融合,又例如第三方网站使用了瀑布流插件,要滚动加载自动计算高度,那么先说跨域:iframe主域名不同跨域方法,假如网站 A.com  B.com   A 里面放入一个iframe 引用了B.com,这种情况下B.com里面的Js是无法访问到A.com的.JS跨

如何设置iframe高度自适应在跨域情况下的可用方法_javascript技巧

在页面上使用iframe来动态加载页面内容是网页开发中比较常见的方法.在父页面中给定一个不带滚动条的iframe,然后对属性src指定一个可加载的页面,这样当父页面被访问的时候,子页面可以被自动加载.iframe的高度需要根据子页面的实际高度来进行调整.如果iframe的高度小于子页面的实际高度,超出的部分无法显示:相反,如果iframe的高度过高,则页面上会出现大量的空白区域.我们可以通过属性或者CSS来设置iframe的高度,当不确定子页面内容的高度时,也可以通过脚本来进行动态指定.但是如果

P3P 和 跨域 (cross-domain) cookie 访问(读取和设置)_应用技巧

比如要访问b站在a站设置一个cookies,则可以这样做: 1.在b.com下建立一个文件cookies.htm 内容为: 复制代码 代码如下: <script language="javascript" src="http://a.com/setcookies.asp?par=a.com"></script> 2.a.com下的setcookies.asp的内容为: 复制代码 代码如下: <% Response.AddHeader &

P3P 和 跨域 (cross-domain) cookie 访问(读取和设置)

比如要访问b站在a站设置一个cookies,则可以这样做: 1.在b.com下建立一个文件cookies.htm 内容为: 复制代码 代码如下: <script language="javascript" src="http://a.com/setcookies.asp?par=a.com"></script> 2.a.com下的setcookies.asp的内容为: 复制代码 代码如下: <% Response.AddHeader &

页面中iframe中嵌入一个跨域的页面,让这个页面按照嵌入的页面宽高大小显示的方式;iframe嵌套的页面不可以编辑的问题解决方案

<html> <head> <style> body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; overflow: hidden; } </style> </head> <body> <iframe src="http://gongkai.kaipuyun.cn/databaseInfo/index"

php main 与 iframe 相互通讯类(同域/跨域)

main 与 iframe 相互通讯类 之前写过一篇<iframe与主框架跨域相互访问方法>,介绍了main与iframe相互通讯的原理,不了解原理的可以先看看. 今天把main与iframe相互通讯的方法封装成类,主要有两个文件, JS:FrameMessage.js 实现调用方法的接口,如跨域则创建临时iframe,调用同域执行者. PHP:FrameMessage.class.php 实现接收到跨域请求时,根据参数返回执行方法的JS code. 功能如下: 1.支持同域与跨域通讯 2.传