CSDN博客

img yuxuehui

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

发表于2008/9/29 0:41:00  404人阅读

在我们搜索好听歌曲的时候都能看到一个歌曲对应着“试听”,一点击试听就能跳到新的页面试听相应的歌曲,这其中就存在两个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()可以删除了

0 0

相关博文

我的热门文章

img
取 消
img