您的位置:首页 > Web前端 > JavaScript

js获取获取页面传送过来的值实例

2015-12-10 22:48 691 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>js获取页面传过来的参数值</title>

<script type="text/javascript">

var goUrl=function(){

alert(location.href);

window.location.href="E:\\网页作业\\jquery练习\\10.html?id="+5+"&name=jt";

}

</script>

</head>

<body>

<input type="button" value="点击跳转" id="bt1" onclick="goUrl();">

</body>

</html>

上面是传值页面,传送id=5;name=jt这两个值给10.thml页面

10.html页面接收上面页面传送过来的值,并alert()出来

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>js接收页面传递过来的参数</title>

<script type="text/javascript">

var a=function(){

//alert(11);

alert(location.href);//location.href返回页面的url

alert(location.hash);

alert(location.search.slice(1));//location.search从?开始获取,slice()是获取指定的元素

var result=location.search.slice(1).split("&");//split把字符串分解成数组

alert(result);

if(result!=null)

{

var arr;

for(var i=0;i<result.length;i++)

{

arr=result[i].split("=");

// alert(arr);

// alert(arr.length);

for(var j=0;j<arr.length;j++)

{

if(j%2!=0)

{

alert(arr[j]);

}

}

}

}

}

</script>

</head>

<body>

<input type="button" id="bt1" value="接收参数" onclick="a();">

</body>

</html>

希望有人有更好,更简便的方法给建议,希望有大牛不吝赐教
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: