使用iframe ，父页面调用嵌套页面的内容

最新推荐文章于 2019-06-13 17:49:48 发布
原创 最新推荐文章于 2019-06-13 17:49:48 发布 · 237 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#iframe #window

本文介绍如何在父级页面的JS中通过窗口对象调用iframe嵌套页面的函数并获取所需值，包括具体实现代码示例。

iframe 父级页面 js 是

 MyIframe.window.getId();    MyIframe是iframe的名字，window，可以理解为对象

 

 嵌套的页面 js是 

function getId()

{

  return "1";//这里就可以写你要的获取方法了

}

在vue中实现嵌套页面(iframe)
10-15
如果`iframe`需要从Vue父页面获取数据，可以通过传递URL参数或者使用`postMessage` API来实现跨窗口通信。以下是一个简单的请求示例： ```javascript function PcCommon() { this.baseUrl = 'https://xxxxxxx'; //...
关于Iframe父页面与子页面之间的相互调用
09-01
当涉及到Iframe时，有时我们需要在父页面与子页面之间进行交互，如调用各自的方法或访问数据。本文将详细探讨如何实现Iframe父页面与子页面之间的相互调用。 首先，理解window对象是关键。在浏览器中，每一个HTML...
使用Iframe实现内联嵌套
weixin_44540326的博客
05-28 903
使用Iframe实现内联嵌套 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术：Iframe 作者：吴业华 撰写时间：2019年5月22号 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~...
解决iframe嵌套进来的页面操作父页面元素加载新页面的问题
weixin_41634885的博客
06-13 3269
一.场景： <!-- 这是load页面的标签--> <div class="side-right RIG-PAGE mgl-20" id="load-op" style="display: none; top: 20px"></div> <!-- 这是iframe页面的标签--> <div class="side-right RIG...
iframe页面嵌套问题
weixin_44551909的博客
06-09 2万+
iframe页面嵌套问题 开发工具与关键技术：VisualStudio C# 作者：落灵 撰写时间：2019/6/8 一、 iframe的框架根据内容自适应高度 iframe是在项目设计中经常用到的框架标签。而它的作用就是把页面嵌套在自身形成的框架体中，从而实现在一个固定的地方可以切换多个页面，并且其他内容不变。在使用iframe这个框架标签时新手往往是直接固定iframe的宽高。那么当文本内容...
使用iframe嵌套页面，在点击父页面的链接时,子页面动态变化
08-07 2975
使用iframe嵌套页面，在点击父页面的链接时，（1）不会刷新；（2）可以刷新。原因不详 （1）self.parent.frames["frameId"].document.location.href = url; （2）window.self.parent.document.getElementById("frameId").src = url;  ...
iframe子父页面调用js函数示例
12-12
在`iframe`子页面中，要调用父页面的JavaScript函数，可以使用`window.parent`对象来引用父窗口。假设父页面有一个名为`a()`的函数，子页面可以这样调用它： ```javascript window.parent.a(); ``` 如果需要获取父...
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
10-21
通过保存iframe的src属性并重新赋值，我们能够刷新iframe内容而不影响父页面。当然，这种方法要求父页面和子iframe之间在相同域下，否则JavaScript的跨域限制将导致代码无法正常工作。通过这种方式，开发者可以灵活...
js中iframe调用父页面的方法
10-25
在实际操作中，我们需要在父页面定义好希望被iframe调用的方法。例如，如果我们希望子页面能够调用父页面的一个名为`parentFunction`的方法，我们首先需要在父页面中这样定义： ```javascript function parent...
iframe的窗口名称（window对象的name属性）
GRAY_KEY的博客
02-25 3771
举个栗子： 现有一个 a.jsp 页面，通过 iframe 嵌套一个 b.jsp 页面。 对于 a.jsp 页面的窗口名称，可以在js脚本中通过 window.name 来获取； 而 b.jsp 这一嵌套页面，同样是在js脚本中通过 window.name 来获取，不同的是： 如果 a.jsp 页面中的 iframe嵌套语句 如下： &lt;iframe  src="/hello" &...
通用版解决跨域问题，父页面获取iframe里面的内容
热门推荐
劲枫的博客
04-24 6万+
  父页面获取iframe里面内容的解决方案如下：   实验如下：开两个服务器，一个端口9000，一个端口9001 现在在9000页面要放一个iframe指向9001的一个页面，再在9000父页面打印9001iframe里面的东西是访问不了的，提示跨域了，端口不一样      现在的目标：父页面127.0.0.1:9000访问自己iframe src=127.0.0.1:9001...
iframe嵌套时父子页面互相调用的问题
冷冷疯狂的博客
10-31 1065
子页面调用父页面的方法：parent.父页面方法名(); 父页面调用子页面的方法： var child=$("#testIframe")[0].contentWindow;             child.子页面方法名(); 注：testIframe为iframe的id  ...
父窗口和iframe子窗口之间相互传递参数和调用函数或方法(url中传参)
llppyy777的博客
11-14 9059
1.父窗口向子窗口传递参数： 可以在url中添加参数：
无需jquery基类的子页面父页面嵌套技术
这种需求在单页面应用（SPA）中尤为常见，其中子页面嵌套于父页面之中，用户可以在不完全刷新父页面的情况下加载新的内容或子页面。jQuery作为一个广泛使用的JavaScript库，提供了许多方便的方法来处理页面元素的...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值