当前位置: 首页 > 编程笔记 >

浅谈js中子页面父页面方法 变量相互调用

司寇嘉茂
2023-03-14
本文向大家介绍浅谈js中子页面父页面方法 变量相互调用,包括了浅谈js中子页面父页面方法 变量相互调用的使用技巧和注意事项,需要的朋友参考一下

(1)子页面调用父页面的方法或者变量:

window.parent.方法()或者变量名
window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写

window.parent.aa();//调取aa函数
window.parent.bb;//调取bb变量

例如:想在子页面中得到id为aaa的文本框的值

window.parent.$("#aaa").val();//这种写法的前提是引用了jquery 

window.parent.getElementById("aaa").value; //js的写法

(2)父页面调取子页面

主要是通过contentWindow定位到子页面

document.getElementById("childframe").contentWindow.childtest();
//调取子页面中的childtest方法 js的写法

var childWindow = $("#addFrame")[0].contentWindow;//获取子窗体中的对象
childWindow.formSubmit();//调取子页面的formSubmit方法 jquery的写法
//注释:其中 childframe和addFrame 都时iframe的id

以上这篇浅谈js中子页面父页面方法 变量相互调用就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍js父页面中使用子页面的方法,包括了js父页面中使用子页面的方法的使用技巧和注意事项,需要的朋友参考一下 iframe是非常常用的一个html元素,如果在父页面中使用子页面的方法应该怎么写呢,下面就做一下简单的介绍。 一、父页面代码 二、iframe中的代码 上面两个代码可以在父页面和子页面对对方的函数进行相互调用,比较简单,不多介绍了。 希望本文所述对大家学习javascript程

  • 本文向大家介绍关于Iframe父页面与子页面之间的相互调用,包括了关于Iframe父页面与子页面之间的相互调用的使用技巧和注意事项,需要的朋友参考一下 iframe元素就是文档中的文档。 window对象: 浏览器会在其打开一个HTML文档时创建一个对应的window对象。但是,如果一个文档定义了一个或者多个框架(即:包含一个或者多个frame或者iframe标签),浏览器就会为原始文档创建一个w

  • 本文向大家介绍js中iframe调用父页面的方法,包括了js中iframe调用父页面的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下: 子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数,就写成: 但是我在ch

  • 本文向大家介绍JS 封装父页面子页面交互接口的实例代码,包括了JS 封装父页面子页面交互接口的实例代码的使用技巧和注意事项,需要的朋友参考一下 定义标准接口   总结 以上所述是小编给大家介绍的JS 封装父页面子页面交互接口的实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

  • 本文向大家介绍layui框架中layer父子页面交互的方法分析,包括了layui框架中layer父子页面交互的方法分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了layui框架中layer父子页面交互的方法。分享给大家供大家参考,具体如下: layer是一款近年来备受青睐的web弹层组件,官网地址是:http://layer.layui.com/ 可以从官网上下载最新版本。 还可点击此

  • 本文向大家介绍两个JSP页面父页面获取子页面内容的两种方法,包括了两个JSP页面父页面获取子页面内容的两种方法的使用技巧和注意事项,需要的朋友参考一下 需求说明:两个JSP页面,父页面需要子页面的内容,但子页面是隐藏的,具体来说,子页面是一系列的模板,父页面要通过id来获取这些模板,不愿意通过<include>方式导入,因为如果模板过多,就导致整个父页面太大,加载缓慢,以下两个方案,不知有没有解决