javascript完成静态页面之间的传值

静态页面之间传值有多种要领:1、经由过程url 2、经由过程cookie 3、window.open传值 4、HTML5 localStorage传值

要领一:url传值

    重要道理是:经由过程GET要领然后猎取URL从中解析出通报的数据,完成代码以下:

静态页面一:index.html

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>shopping car</title>
</head>
 
<body>
<form action="Read.html" method="get">
<input type="text" name="username">
<input type="text" name="password">
<input type="submit" value="Post">
</form>
</body>
</html>

静态页面二:Read.html

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>huanglw</title>
</head>
 
<body>
 
</body>
<script language="javascript" >
/*
*--------------- Read.htm -----------------
* Request[key]
* 功用:完成ASP的获得URL字符串,Request("AAA")
* 参数:key,字符串.
* 实例:alert(Request["AAA"])
*--------------- Request.htm -----------------
*/
var url=location.search;  //"?username=gdf&password=gfg"
var Request = new Object();
if(url.indexOf("?")!=-1)
{
  var str = url.substr(1); //截取?以后的字符串
  strs= str.split("&");//将字符串以标记"&"分隔成两段
  for(var i = 0; i < strs.length; i++)
  {
     Request[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);//将每一段字符串又以"="分为两段
  }
}
alert(Request["username"])
alert(Request["password"])
</script>
</html>

完成的结果是在index.html输入username和password以后点击Post提交按钮以后将index.html中的两个参数通报到Read.html页面中,
Read.html中的js代码猎取参数并做处置惩罚弹出两个弹窗显现两个参数

Segmentfault上的第一篇文章,技术含量不高,重要测试是想体验一下这炫酷markdown编辑器

    原文作者:huanglw
    原文地址: https://segmentfault.com/a/1190000008012775
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞