300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 静态html页面传递参数 javascript实现静态页面之间的传值

静态html页面传递参数 javascript实现静态页面之间的传值

时间:2022-10-17 03:18:05

相关推荐

静态html页面传递参数 javascript实现静态页面之间的传值

静态页面之间传值有多种方法:1、通过url 2、通过cookie 3、window.open传值 4、HTML5 localStorage传值

方法一:url传值

主要原理是:通过GET方法然后获取URL从中解析出传递的数据,实现代码如下:

静态页面一:index.html

shopping car

静态页面二:Read.html

huanglw

/*

*--------------- 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"])

实现的效果是在index.html输入username和password之后点击Post提交按钮之后将index.html中的两个参数传递到Read.html页面中,

Read.html中的js代码获取参数并做处理弹出两个弹窗显示两个参数

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。