两个静态html页之间的传值

在跳转后传递值，然后新页面获取值，根据值去添加案例的 class ，使对应的案例标题颜色改变

首先，父页面中 button 跳转采用

button 绑定 value 值

子页面中获取 vlaue 的值

因为我这边涉及多个，如果使用同一个 id 不能获取 vlaue 值，所以我在页面上写了一个空的按钮用来存储所点击的 vlaue 值

当点击 button 时， 把当前 button 的 vlaue 值赋值为** id="btn-case" ** 的 vlaue 值

然后在子页面中就可以通过去获取** id="btn-case"** 的** vlaue 值，来设置跳转后的默认显示，选项比较可以采用 switch case** 语句

注意 ：这里的 a ** 使用 alert（typeof(a)）**d出 String ，使用 switch case 语句时需要转换为 number 值，或者 **case **值设置为 ‘1’，添加引号。

跳转页面时把参数写入Url后的参数中，这种方法对与a标签跳转很方便，后面价格参数即可，下面来看看页面中怎么去应用

对于上面的案例可以直接在html上把参数带上，在打开的页面中获取。

如果对于input框输入，或者其他需要传入的值

html静态页面间传值有以下三种方法：方法一：下面是javascrīpt的一种实现方法, 这个函数是通过window.location.href中的分割符获得各个参数。 有了这个函数，就可以在页面之间传递参数了。 /* *函数功能：从href获得参数 *sHref: http://www.artfh.com/arg.htm?arg1=d&arg2=re *sArgName:arg1, arg2 *return: the value of arg. d, re */ function GetArgsFromHref(sHref, sArgName) { var args = sHref.split("?")var retval = ""if(args[0] == sHref) /*参数为空*/ { return retval/*无需做任何处理*/ } var str = args[1]args = str.split("&")for(var i = 0i <args.lengthi ++) { str = args[i]var arg = str.split("=")if(arg.length <= 1) continueif(arg[0] == sArgName) retval = arg[1]} return retval} 方法二： html地址传递参数进行其他事情. <scrīpt>/* 用途: 接收地直栏参数 取id=1 根据ID的值 */ urlinfo=window.location.href//获取当前页面的url len=urlinfo.length//获取url的长度 offset=urlinfo.indexOf("?")//设置参数字符串开始的位置 newsidinfo=urlinfo.substr(offset,len)//取出参数字符串 这里会获得类似“id=1”这样的字符串 newsids=newsidinfo.split("=")//对获得的参数字符串按照“=”进行分割 newsid=newsids[1]//得到参数值 newsname=newsids[0]//得到参数名字 </scrīpt>方法三：做中英转换的时候，要准确的获取参数并取出，所以做了一个简单的html中用js获取当取地址栏的一个Object。里面有三个方法： 1、request.QueryString("参数")//获取指定参数，返回字符串2、request.QueryStrings()//获取全部参数，并返回数组3、 request.setQuery("参数","参数的值")//如果当前地址栏有此参数，那么将更新此参数，否则返回一个新的地址栏参数字符串。例如：当前地址栏参数字符串为：?name=a&site=never_online alert(request.setQuery("name","blueDestiny")) 如果地址栏参数中有"name"，那么返回?name=blueDestiny&site=never_online setQuery 方法有自动追加参数的功能。如：当前地址栏参数字符串为：?site=never_online alert(request.setQuery("name","blueDestiny")) 则返回?site=never_online&name=blueDestiny 同理，如果地址栏没有参数，也会自动追加参数 alert(request.setQuery("name","blueDestiny")) 返回?name=blueDestiny

---