iframe父页面获取子页面的参数

最新推荐文章于 2024-11-21 11:50:09 发布
最新推荐文章于 2024-11-21 11:50:09 发布 · 390 阅读 · 2

本文详细介绍了如何在父页面通过iframe获取子页面中特定DateTextBox元素的值，涉及HTML、JavaScript等基本技术。

1、父页面中的iframe

<iframe name="parentPage"></iframe>

2、子页面中元素的属性 

<input type="text" id="date" data-dojo-type="dijit/form/DateTextBox" value="2013-11-12"/>

3、取子页面中DateTextBox中值 

var statisDate = window.frames["parentPage"].document.getElementById('date').value;


iteye_8264
关注
父页面获取子页面参数
03-14
jsp父页面嵌套子页面的内容，子页面获取父页面的参数很容易，但是想要反过来，却有些困难。本文档中，作者详细地写出了实现办法，需要帮助的朋友可以参考一下。
iframe父页面获取子页面参数的方法
09-04
主要介绍了iframe父页面获取子页面参数的方法,需要的朋友可以参考下
iframe父页面调用子页面方法，并且获取数据（无跨域）
weixin_48195664的博客
06-16 3053
以上就是 iframe父页面调用子页面方法，并且获取数据（无跨域）最难部分就是跨越了。一定要注意：父子页面两边都要监听，子页面监听父页面传过来的参数，再根据参数判断调取哪个方法。父页面监听子页面传过来的数据。(注意：VUE的话将此方法写在mounted里边，如果是多次调取此方法的话，就换成window.onmessage=(e)=>{}2. 监听父页面传过来的参数来判断调取哪个方法。
iframe中参数传递、父页面获取子页面参数、子页面获取父页面参数
NeverGiveUp的博客
10-16 7113
window.parent 是iframe页面调用父页面对象，当我们想从iframe内嵌的页面中访问外层页面是可以直接利用window.parent获取； 一、jquery父、子页面之间页面元素的获取，方法的调用 1. 父页面获取子页面元素： 格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 实...
父页面获取iframe子页面中的值
Eplusing
12-15 2241
Iframe   从父页面取子页面的值  (2011-11-17 16:23:08) 标签：  it   杂谈 分类： JSP a.jsp       在a.jsp页面写一个方法： 〈script> function getData(){    var id = document.getElementById
iframe父页面获取子页面参数的方法.docx
01-13
以下将详细介绍如何在父页面中获取子页面参数的方法。 首先，你需要在父页面上创建一个`iframe`元素，这是子页面将被加载的地方。例如： ```html <iframe name="parentPage"></iframe> ``` 接下来，假设你的子...
让iframe子窗体取父窗体地址栏参数(querystring)
09-05
在网页开发中，有时我们需要实现一个功能，即`iframe`子窗体能够获取并使用其父窗体的URL参数。这种需求通常出现在嵌入式页面或者框架结构的应用中，允许子页面根据父页面的状态进行相应的操作。在给出的示例中，...
iframe父页面与子页面交互：获取子页面参数技巧
3. 获取子页面参数：父页面可以通过`window.frames`对象来访问子页面的DOM，然后使用`getElementById`方法获取子页面中特定元素的值。例如：`var statisDate = window.frames["parentPage"].document.getElementById...
iframe页面传值取值
大青虫的博客
03-02 2113
业务：目标界面的是用原生js写的 ， 被镶嵌到vue平台上 ， 现在要求vue点击跳转的时候 ，要附带上值 ，让原生界面获取到值 ， 完成页面设置查询。 想法 ： vue跳转，使用this.$route.query 传值取值 ， 取值后给原生html（iframe），传值 。 也就是“父（vue）传子（原生html） ” ， 子页面取值使用 千度大法 ： 1.子传父 ： 一 ：//根据iframe的id获取对象 ： vari1=window.frames['iframeId'...
iframe父子页面传参
日常笔记/总结/系列知识梳理
03-26 7427
前言： 在实际开发过程中：会使用iframe嵌套其他页面，并且会有参数传递，以下为完成例子（ 本人项目案例：通过子页面事件触发，改变父页面的页面状态） 父页面： <!DOCTYPE html> <html> <head> <title>父页面</title> </head> <body> <div c...
使用iframe的父子页面进行简单的相互传值
time141的博客
09-02 7318
使用iframe标签嵌套页面时，通过再父页面通过接口请求的数据，如何传给子页面呢？作为一个刚刚入门的前端小白，只有边百度边写demo，研究一下iframe的父子页面的传值，如果有什么不对的地方请大家指出。 父页面：father.html,子页面:son.html 1、 ...
获取iframe src里的参数
wx254418276的博客
10-21 4329
父业面iframe： <div id="vue"> <iframe id="mainiframe" width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="auto" src="../swap/finance/index.html?CID=13123jklkljlajkj"></iframe> </div> 子页
iframe通过url方式来获传递的参数
最新发布
MISS_zhang_0110的博客
11-21 934
【代码】iframe通过url方式来获传递的参数。
layer.open父页面获取子页面的数据
热门推荐
Nightliar的博客
05-15 1万+
//添加 function add() { layer.open({ type: 2, title:"添加动态", area: ['820px', $(top.document).height()-240+"px"], content: '${base}/teaClassDynamic/toAdd', btn...
iframe父获取子页面的内容
qq_34412985的博客
03-21 784
<%@pagelanguage="java"contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.d...
父页面获取子页面的内容
xinfei0803的专栏
10-15 2465
需求说明:两个JSP页面,父页面需要子页面的内容,但子页面是隐藏的,具体来说,子页面是一系列的模板,父页面要通过id来获取这些模板,不愿意通过方式导入,因为如果模板过多,就导致整个父页面太大,加载缓慢,以下两个方案,不知有没有解决这个问题. 1,通过ajax方式 实现过程:通过ajax请求到子页面中,子页面获取参数id使用java和js变量的交互后,返回需要的模板信息 缺点:把js变量转换成
jQuery设置获取子页面（iframe）与父页面的元素值以及文本框onchange事件失效问题
zgphacker2010的专栏
08-17 2494
iframe页面改动parent页面的隐藏input部件value值，不能触发change事件。 实现一个依据iframe页面返回充值卡类型不同，将数据绑定到不同的input控件中。 点击选择弹出一个iframe。点击充值卡数据行。返回: 1、充值卡类型。 2、充值卡id（用的UUID）。 3、充值卡号（字符串）。 遇到的问题是当iframe选择充值卡时，无法获取parent页面inp...
父页面和子页面的传值和获取
do what you like && brave
06-30 5004
js中子页面父页面方法 变量相互调用 （1）子页面调用父页面的方法或者变量：window.parent.方法()或者变量名window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 例如：想在子页面中得到id为aaa的文本框的值 window.parent.$("#...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值