iframe 同级调用

最新推荐文章于 2021-02-23 09:53:33 发布
最新推荐文章于 2021-02-23 09:53:33 发布
阅读量2.1k 收藏
点赞数
分类专栏： iframe 文章标签： iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/streetlight8023/article/details/46491587
版权

这个是主页面

下边页面会跳转一个新的页面 但是上边的部分仍然会保留。所以这个时候下边的额页面就要设置上边页面的属性了

引用的是jquery

有个不放心的地方这里用到了window 浏览器兼容性有可能出现问题


window.parent取得了父窗体 然后根据id取元素 获得上部分iframe  再给iframe设置属性

streetlight8023
关注
专栏目录
react 嵌套iframe_react添加/嵌入 iframe
weixin_39552204的博客
12-22 430
react 嵌入 iframe 主要是为了隔离富文本，避免跟宿主环境的样式、变量等造成污染。情况1：后端返回一个完整的网页，前端直接 `` 就可以了。情况2：后端返回内容不可控 (比如以下例子)。用法：index.tsx:export default function Iframe () {const contentIFrameRef = useRef(null)const [iframeHeig...
同级iframe间的函数调用
03-20
NULL 博文链接：https://maoxy.iteye.com/blog/828134
同级iframe
zhouqixiang的专栏
10-05 571
一个页面中包含两个同级的iframe，通过一个iframe指定target刷新另一个iframe，需要指定iframe的name，     scrolling=auto src="">
使用jquery/js获取iframe父子级、同级获取元素的方法
12-02
在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式：window.frames[“iframe的name值”].document.getElementById(“iframe中控件的ID”).click(); 实例：window.frames[“ifm”].document.getElementById(“btnOk”).click(); 2、 格式： var obj=document.getElementById("iframe的name").conten
同级iframe相互调用
qq_43588993的博客
02-23 305
比如id=iframe_a的iframe中，有value变量，则页面中同级的另一个id=iframe_b的iframe页面要获取这个value parent.$("#iframe_a")[0].contentWindow.value
动态加载js、css等文件跨iframe实现
12-12
*同级之间可以调用，可以 通过 子-父-子 的方式调用同级 parent.parentFram(“这个方法在调用其他子farme”); 1.jquery的append() 代码如下: 速度快，同步（需要引入jquery） var oBody = document.getElementById...
jQuery简单实现iframe的高度根据页面内容自适应的方法
10-21
这种方法适用于`iframe`和包含它的页面不在同一域名，或者我们无法修改`iframe`同级页面的情况。在`iframe`引用的子页面中，我们可以获取到父窗口（即包含`iframe`的页面）的对象，然后找到`iframe`，并设置其高度。...
JavaScript框架(iframe)操作总结
12-02
3. **兄弟框架间的引用**：两个同级的子框架可以通过共同的父框架引用对方，例如`self.parent.frames["frame2"]`。 4. **不同层次框架间的引用**：通过逐级引用父框架，可以访问不同层次的框架，如`self.parent....
iframe---切换目录显示相应内容
weixin_30378623的博客
07-26 266
标签定义及使用说明 <iframe> 标签规定一个内联框架。 一个内联框架被用来在当前页面中嵌入另一个页面。 示例 在主页面相应区域创建一个iframe； 1 <iframe id="myFrame" name="programContent" src="./main.jsp" style="padding: 1px; width: 100%; height: ...
同级iframe之间的相互调用
群来群往的博客
08-21 3013
&lt;body&gt;  &lt;iframe id="Content1" name="Content"             src="${ctx}/**/*****/****?id=0" width="100%"             style="height: 50%" frameborder="0"&gt;&lt;/iframe&a
iframe同级之间调用
liman1002的专栏
04-11 836
    var frames=window.parent.window.document.getElementById("bottom");           frames.contentWindow.test();  
Js/Jquery获取iframe中的元素
skysky_1989的博客
11-23 1074
在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。 js 在父窗口中获取iframe中的元素 1. 格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例：window.fr...
Iframe父子兄弟之间的调用
iteye_10299的博客
08-21 694
今天在做项目时，遇到了在一个iframe中调用兄弟iframe中的元素，网上找了一些材料，总结知识点如下： iframe的调用包括几个方面： 1、主页面iframe调用子iframe；2、子iframe调用主iframe的元素；3各个iframe之间元素的相互调用   1：document.getElementById("ii").contentWindow 得到iframe对象后，就可...
web两个iframe之间互相调用方法
末日寂寥的博客
08-02 1万+
假如有两个iframe在同一个页面上，一个id为if1，另一个为if2。 想要在if1中调用if2中的方法,只需在if1中添加如下代码：window.parent.document.getElementById('if2').contentWindow.需要调用的方法;例： main.html<!DOCTYPE HTML> <html> <head> <meta http-equiv="Cont
iframe下面的元素如何找到与iframe同级的元素出来
taking_wang的专栏
11-02 2259
iframe下面的元素如何找到与iframe同级的元素出来 代码: $(window.parent.document).find("xxx") ;这样就能找到其父级中的元素   如果要去最外面的window，则要用下面的： $(window.top.document).find("xxxx");
Vue.js如何在一个页面调用另一个同级页面的方法
热门推荐
TrZoey的博客
09-04 1万+
需要在展示页里调用顶部导航栏页里的方法，两者之间没有引用关系，看了一下vue的API发现可以用这个方法实现。 https://cn.vuejs.org/v2/api/#vm-on 可以看到需要同一个vue实例来调用两个方法。所以可以建立一个中转站。 首先在任意位置新建util.js文件，内容如下。 import Vue from 'vue' export default new Vu...
使用Jquery获取父级iframe、子级iframe元素
yy8093的专栏
10-20 4388
获取父级iframe中的元素 $("#父页面元素id" , parent.document)   获取子级iframe中的元素 $('#子页面元素').contents().find('#需要找的子页面元素');  有时候一个页面会有多个iframe，如果页面上的同级iframe之间要获取元素，可以这样 $(self.parent.frames["frame2
vue iframe 方法调用
最新发布
03-19
在Vue中使用iframe可以通过以下步骤进行方法调用： 1. 在Vue组件中，使用`<iframe>`标签来创建一个iframe元素，可以通过设置`src`属性来指定要加载的页面。 2. 在Vue组件中，可以通过`ref`属性给iframe元素添加一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值