zoukankan      html  css  js  c++  java
  • JS页面之间传值

    父页面与子页面之间有多种传值的方式:

    第一种,通过window.open的方法打开一个新的页面,在新的页面里面通过window.opener来获取对象,以下为实例

    父页面:

    function opennewwindow()
    {
        window.open(URL);   //字符串形式的URL
    }

    子页面:

    function getfatherdom()
    {
        var value=window.opener.document.getElementById(id).value;
    }

    第二种,嵌套的形式,即子页面存放于<iframe></iframe>标签中,父页面只需要在iframe的src属性放入目标子页面的路径即可,子页面通过window.parent来获取父页面dom元素

    父页面:

    <iframe id="myiframe" src="URL"></iframe>

    子页面:

    function getfatherdom()
    {
        var value=window.parent.document.getElementById(id).value;
    }

    第三种,通过拼接URL的方法

    父页面:

    URL?para1=data1&para2=data2  //参数使用&分割 

    子页面:

    var Request = new Object();
    Request = GetRequest();
    var data1
    =Request['para1'];
    var data2=Request['para2'];
    var url = window.location.search; //获取url中"?"符后的字串(包括“?”),window.location.href获取URL字符串,也包括“?”之后的
       var theRequest = new Object();
       if (url.indexOf("?") != -1) {
          var str = url.substr(1);
          strs = str.split("&");
          for(var i = 0; i < strs.length; i ++) {
             theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
          }
       }
       return theRequest;
  • 相关阅读:
    springboot2.0整合logback日志(详细)
    关于Logstash中grok插件的正则表达式例子
    feign多文件上传
    HBase API(新版本)
    HBase基础知识
    Hive数据操作和数据查询
    Hive数据定义
    Hive基础知识
    Hive安装
    Spark词频统计,求TOP值,文件排序,二次排序
  • 原文地址:https://www.cnblogs.com/ytwy/p/5074805.html
Copyright © 2011-2022 走看看