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;
时间: 2024-10-10 07:41:20

JS页面之间传值的相关文章

我的项目3 js 页面之间传值

由于我的项目需要页面之间一些简单的数据传值,就用了一个简单的方法写了一下,和大家分享一下. 这就需要用到一个方法  如果大家想看的详细一些,可以去W3C去看,这里写一下链接http://www.w3cschool.cc/js/js-window-location.html 在index.html页面里写了以下代码,这里要传递的值:a=1 b=3 c=7 var myurl = "indexshouye.html" + "?" + "1=1"+&q

js父页面和子页面之间传值

今天和朋友一块讨论,怎样通过js在父页面和子页面之间传值的问题,总结例如以下: 需求描写叙述:父页面有多个子页面.实如今父页面点击子页面,传值到子页面. 看着非常easy,试了好久.主要纠结在怎样获取iframe,刚開始用document.getElementById('iframe的ID'),后来查资料才发现这样的方法仅仅是去取出了一个OBJECT,不能操作它的函数方法.后来改成window.iframes["iframe的name"],这样就能够获取子页面的整个DOM,能够操作它的

asp.net页面之间传值方法详解

asp.net中页面之间传值我们用得最多的就是get,post这两种了,其它的如session,appliction,cookie等这些相对来说少用也不是常用的,只是在特殊情况下在使用了. 1. Get(即使用QueryString显式传递) 方式:在url后面跟参数. 特点:简单.方便. 缺点:字符串长度最长为255个字符:数据泄漏在url中. 适用数据:简单.少量.关键的数据. 适用范围:传递给自己.传递给另一个目标页面:常用于2个页面间传递数据. 用法:例如:url后加?UserID=…,

【转】【ASP.NET MVC系列】浅谈ASP.NET 页面之间传值的几种方式

ASP.NET MVC系列文章 原文地址:https://www.cnblogs.com/wangjiming/p/6275854.html [01]浅谈Google Chrome浏览器(理论篇) [02]浅谈Google Chrome浏览器(操作篇)(上) [03]浅谈Google Chrome浏览器(操作篇)(下) [04]浅谈ASP.NET框架 [05]浅谈ASP.NET MVC运行过程 [06]浅谈ASP.NET MVC 控制器 [07]浅谈ASP.NET MVC 路由 [08]浅谈AS

ASP.NET页面之间传值

介绍: 在网页应用程序的开发中,页面之间的传值应该是最常见的问题了. 在这篇文章里,azamsharp 将为我们介绍一些ASP.NET页面传值的方式.本文所举的例子非常简单,仅仅包含了一个文本框和几个按钮,当按钮点击时文本框中的字符串将会以不同的方式传递到另外的页面去. 1. Response.Redirect (或称 Query String 方式.URL方式) 1 Response.Redirect("WebForm5.aspx");   首先让我们看看 Response.Redi

jsp页面之间传值乱码的问题解决方法(转)

终于解决了jsp页面之间的传值问题,总结如下: 源代码,a.jsp往b.jsp传值: a.jsp页面内容: <%@ page language="java" import="java.util.*" pageEncoding="GB2312"%> <form action="b.jsp"> name:<input type=text name=name> <input type=sub

ASP.NET 页面之间传值的几种方式

原文:http://www.cnblogs.com/wangjiming/archive/2017/01/18/6275854.html#!comments 详解每种方法 一.Request.QueryString 核心代码: protected void getQueryString_Click(object sender, EventArgs e) { string QueStr = Request.QueryString["name"]; Response.Write(QueSt

页面之间传值的方式

在开发web项目的时候难免会遇到页面之间的传值问题,不知你是否知道怎么传值,我所知道的就几种:QueryString,Session,Application,Cookie.但是具体实现该如何:请看下面一一详解: 1.使用QueryString方式 这种方式,我们可以将浏览器中地址栏中的一些参数给取出来.比如说:           string str=Request.QueryString["username"].toString(); 2.使用Session方式 Session用于

笔记(三) ASP.NET 页面之间传值的几种方式

ASP.NET 页面之间传递值得方式大致可以分为如下几种:Request.QueryString["name"],Request.Form("name"),Session,Cookie,Cache,Application,Server.Transfer,Database, HttpContext的Item属性,Files,DataBase等等. 一.Request.QueryString 核心代码: protected void getQueryString_Cli