在两个html静态网页内实现传多值及应用

在我们搜索好听歌曲的时候都能看到一个歌曲对应着“试听”,一点击试听就能跳到新的页面试听相应的歌曲,这其中就存在两个html网页传值。

首先在demo1.html 中随便打上“连接”二字,并做一个连接,连接到demo2.html  代码如下:

<body>
<a href="demo2.html?a=1&b=2&c=3">连接</a>
</body>

 

这样就通过连接传给demo2.html 三个变量分别是a 、b、c

在另一个demo2.html页面中利用javascript进行接收,代码如下:

<script language="JavaScript">

function Request(strName)
{
var strHref=location.search;//获取本页地址中?以及?以后的代码
var intPos = strHref.indexOf("?");获取?所在位置的下标
var strRight = strHref.substr(intPos + 1);//去掉?
var arrTmp = strRight.split("&");//将一个字符串通过“&”分割为子字符串,然后将结果作为字符串数组返回
for(var i = 0; i < arrTmp.length; i++)
{
var arrTemp = arrTmp[i ].split("=");
if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];
}
return "";
}

alert(Request("a"));//以警告形式显示a

alert(Request("b"));//以警告形式显示b

alert(Request("c"));//以警告形式显示c

</script>

这样就能在demo2中看到a、b、c三个的值

 

现在在javascript 中可以应用a、b、c的值了,但是想在html页面的适当位置应用这三个的值还需要小设一下:

在<body 后设置onload 如下:

<body onLoad="Request(strName)">

保证在网页加载时即运行改方法

在想显示a值的地方写上:

<script language="JavaScript">  Request("a")   </script>

即能显示a的值,当然Request(strName)方法中三个alert()可以删除了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值