子页面获取父页面元素

最新推荐文章于 2023-06-08 17:05:08 发布
最新推荐文章于 2023-06-08 17:05:08 发布
阅读量2k 收藏 1
点赞数
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38026437/article/details/80770786
版权

刚写完一个项目，有用到iframe 

因为是新手，所以研究了一下，啥也没鼓捣出来。也就是会用了子页面调用父页面的方法。

<iframe id="ifpage" name="ifpagename" src="z/z-sy.html" width="100%" height="100%" style="margin-top: 44px;">
    浏览器不支持iframe，请更换浏览器

 </iframe> 

这就是我的样式，高度是用js控制的

然后再 z-sy.html 页面 切换页面

window.parent.document.getElementById("ifpage").src = "z/z-login.html";

页面就可以切换到 z-login.html了。

这个iframe本来已经被弃用了，越少使用越好，

还有一个就是让iframe的src返回到上一页，还是很好用的

window.frames['ifpagename'].history.back();

这个用的是name。

history 对象包含用户访问过的url

我也只是知其然，不知其所以然。只能说我这样使用成功过，如果还想深入研究，得自己研究了



百味苦
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
子页面调用父页面中的dom元素并回传信息
ZZY1078689276的专栏
03-28 1282
当我们在多个页面间做交互时免不了要进行页面间的传值问题,比如说下面就是这个的一个简单的例子.         在这里我们采用的是HTML DOM中的Browser 对象,该对象为我们提供了DOM Window对象,通过该对象下的open()方法,我们可以打开一个新的页面,该方法的调用语法是这样的:window.open(URL,name,features,replace). 例如: wind
html子页面调用父页面的方法
zww学习笔记
09-26 2万+
不做过多的介绍了，直接看代码吧。 父页面：<!DOCTYPE html> <html> <head> <title>parents</title> <meta charset="UTF-8"> </head> <body> <script language="javascript" type="text/javascript"> function sayhello() {
子页面和父页面元素的互相获取
最新发布
mkmmkkghhhhhhhh的博客
06-08 1862
子页面和父页面元素的互相获取
子页面调用父页面元素
囧小喵的编程窝
05-30 532
//在子页面中获取父页面中的元素 $(parent.document).find("") //子页面获取父页面方法 格式：parent.父页面方法
JQuery使用iframe 子页面查找父页面元素，及触发父页面事件
m0_50953782的博客
11-03 959
子页面查找父页面元素$('#id',window.parent.document)子页面触发父页面事件。
子页面调用父页面的函数
weixin_41058481的博客
07-22 995
子页面调用父页面的函数 在layer.open创建的子页面中，parent.layer.closeAll(‘iframe’);关闭页面都正常； 如果在子页面直接调用父页面中的函数，parent.xxx();或者window.parent.xxx();一般这两种可以调用到。 第三种方式：将父页面的函数挂载到window上， (function(window) { function xx() {}; window.xx= xx; })(window) 子页面再通过parent.xx();调用父页面函数 第
html 获得父父页面的值,iFrame 框架子页面获取父级元素窗口以及高度 - 文章教程...
weixin_39870155的博客
06-04 770
iFrame 虽然在我们现在的网页中用的不多，不过依然无法捍卫其使用便捷的地位，特别是编写后台的时候，实现局部的网页内容刷新，提高网页内容的复用性。iFrame 里的 JavaScript 要操作父级窗口的 DOM 元素，必须搞懂几个对象：parent 是父窗口(如果窗口是顶级窗口，那么 parent == self == top)top 是最顶级父窗口(有的窗口中套了好几层 frameset 或...
iframe子页面获取父页面元素的方法
12-09
首先，让我们看看在`iframe`子页面获取父页面元素的方法。这个操作可以通过JavaScript的`parent`对象实现，`parent`对象引用了包含当前`iframe`的顶级窗口。以下是一个例子： ```javascript // 在iframe子页面中...
JS与jQuery实现子窗口获取父窗口元素值的方法
11-26
主要介绍了JS与jQuery实现子窗口获取父窗口元素值的方法,涉及javascript与jQuery操作窗口元素的相关技巧,需要的朋友可以参考下
Jquery子页面获取父页面元素，子页面向父页面添加元素
05-09
父页面动态的获取子页面的元素，以及弹出子页面的时候获取父页面的元素；
iframe父页面获取子页面参数的方法
09-04
为了从父页面获取这个`DateTextBox`的值，我们需要使用JavaScript的`window.frames`属性。`window.frames`是一个数组，包含了当前窗口的所有`frame`或`iframe`。通过索引或`name`属性，我们可以访问到对应的`iframe`...
子页面获取父页面值
04-04
<body> <iframe src="cs.html" width="" height=""></iframe> </body> [removed] window.val="1" [removed] 子页面： <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> </style> </head> <body> [removed] var val=window.parent.val console.log(val)//1 [removed]   </body> </html>
jquery 父、子页面之间页面元素的获取，方法的调用
热门推荐
dwc2011的专栏
09-02 3万+
父、子页面之间页面元素的获取，方法的调用：
TS函数组件中父组件调用子组件
天空影
07-26 2086
需要用的api forwardRef && useImperativeHandle 父组件 import React, { useRef } from 'react'; import { Button } from 'antd'; import Child from './Children'; interface ReturnVoid { getValues: () => void } const ForwordRef: React.FC<any> = () =&
html 获取子页面元素的值,iframe子页面获取父页面元素的方法
weixin_35965498的博客
06-03 1020
在if一如分算需上来处一定迹面数一跳这件我子作rame子页面获取新直能分支调二浏页器朋代说，事刚需求父页面元素$.(路能需还定有开都视这讲房哦搞有名需移洁页'#objld', parent.document)朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上;在圈调直年情，量的单框来离理这接法清都的为父页面获取iframe子页面需朋朋支带不新器功几的事上为做的和时意后的元素$种是来它开...
html页面iframe框架子页面获取父页面值的两种方法
love_yr的博客
11-19 2588
userid = window.parent.$("#userid").val();//可在父页面建一个隐藏的input 如上图所示,例如获取父页面的userid window.parent的作用是获取父页面元素 在登陆controller中使用session存值,在需要的控制器取值 ...
js/jquery获取父窗口元素
weixin_39255905的博客
06-08 8634
取父窗口的元素方法：$(selector, window.parent.document); 那么你取父窗口的父窗口的元素就可以用：$(selector, window.parent.parent.document); 类似的，取其它窗口的方法大同小异 $(selector, window.top.document); $(selector, window.opener.document); $(selector, window.top.frames[0].document); ...
子页面获取父页面的值
cainiaobulan的博客
01-15 3255
JQ： 1，$（"#id"，parent.document） 2，$（window.parent.document).find("#id") JS： 1，parent.document.getElementById("id").value window.parent.document.getElementById("id")等同parent.document.getElementBy...
document.getelementbyid获取子页面元素
06-07
如果你想获取子页面中的元素，可以使用 `iframe` 标签将子页面嵌入到当前页面中，然后使用 `contentWindow.document` 来获取子页面的文档对象，再使用 `getElementById` 获取子页面中的元素。例如： ``` 子页面的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值