JS中子页面父页面方法 变量相互调用 - 幽默是一种心情

weimingxin 2021-08-27 原文

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

    window.parent.方法()或者变量名
    例如:想在子页面中得到 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

(3). JS关闭父iframe窗口

function cancel() {
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        }
       parent.window.location.href = document.referrer;   //刷新父页面
       parent.layer.msg(resp.msg, { offset: \’300px\’ });
 

 

发表于
2018-04-27 18:11 
幽默是一种心情 
阅读(3549
评论(0
编辑 
收藏 
举报

 

版权声明:本文为weimingxin原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/weimingxin/p/8963819.html

JS中子页面父页面方法 变量相互调用 - 幽默是一种心情的更多相关文章

  1. 高德地图 JS API – 根据地名实现标记定位

    德地图 JS API 使用前的准备工作请参考官方网站说明: https://lbs.amap.com/api/ […]...

  2. 百度地图 根据坐标,获取省份,城市,区域 – 且行且思

    <html> <head> <meta http-equiv="Content- […]...

  3. Web前端笔试题 – Davis812

    Web前端笔试题 1.网页经常用到的图片格式有几种,它们之间有什么不同点和用途?  jpg是一种有损图片压缩格 […]...

  4. 第一章 javaScript简介 – 柒月柳无絮

    1.javaScript概念 javaScript是基于对象的,事件驱动的,跨平台的,解释型客户端脚本语言 1 […]...

  5. 路由策略和策略路由 & route-map

    今天,这个专题应用下route-map,在这个之前,有很多内容需要掌握,不是简单的制定一个路由图就可以了。   […]...

  6. [转]免费开源.net网上商城 – freeliver54

    [转]免费开源.net网上商城 本文转自:http://hi.baidu.com/lisky119/item/ […]...

  7. 永久设置SecureCRT的背景色和文字颜色方案[转] – vivi_wind

    原文地址:永久设置SecureCRT的背景色和文字颜色方案作者:kerwin 对于默认的连接颜色感觉不舒服,一 […]...

  8. HTTP / 1.1 RFC from W3C

    HTTP / 1.1 RFC from W3C 2017-12-10 17:27 by ylss, ̷ […]...

随机推荐

  1. hadoop环境搭建:完全分布式

    hadoop完全分布式环境搭建 目录 1、硬件配置 2、软件版本 3、准备工作 3.1、建立虚拟机,网络设置为 […]...

  2. 23天设计模式之抽象工厂模式

    23天设计模式之抽象工厂模式 文章简介 《23天设计模式之抽象工厂模式》这是跟工厂模式相关的一篇文章,但是抽象 […]...

  3. Redis为什么这么快

    前言 本篇博客已被收录GitHub:https://zhouwenxing.github.io/ 在日常开发中 […]...

  4. 来评测下:OPPOK7x和畅享20哪个好

    OPPOK7x和畅享20哪个好,哪款手机更值得入手? OPPOK7x和畅享20这两款手机都是搭载天玑720处理 […]...

  5. 微拍秒拍、微录客福利视频分享整站源码 MV微电影(完整版源码)!!

    不合法已不提供!见谅了~各位老司机!  ...

  6. 『居善地』接口测试 — 3、Requests库介绍

    目录 1、Requests库 2、Requests库文档 3、Requests库安装 4、Requests库的 […]...

  7. CentOS开放指定端口和关闭防火墙

    在Linux上部署项目,经常会遇到本机可以正常访问,但是其他机器无法访问的情况,这种情况极大可能是由于防火墙对 […]...

  8. 不同数据库的默认端口号

    1、mysql的默认端口是3306,可以编辑用户目录下的 .my.cnf 文件进行修改; 2、sqlserve […]...