在跳转后传递值,然后新页面获取值,根据值去添加案例的 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是静态页面,可以使用url链接传值,比如a.html和b.html两个页面a.html中有一个链接
1
<a href="b.html?x=2&y=3">进入b.html</a>
可以使用到js,如下:
a.htm:
1
2
3
4
<form action="b.htm" >
<input name="q" type="text" value="" />
<input type="submit" value="提交" id="" />
</form>
b.htm
<html>
<body>
<div id="qbox"></div>
<script type="text/javascript">
function getArgs() {
var args = {}
var query = location.search.substring(1)
// Get query string
var pairs = query.split("&")
// Break at ampersand
for(var i = 0i <pairs.lengthi++) {
var pos = pairs[i].indexOf('=')
// Look for "name=value"
if (pos == -1) continue
// If not found, skip
var argname = pairs[i].substring(0,pos)// Extract the name
var value = pairs[i].substring(pos+1)// Extract the value
value = decodeURIComponent(value)// Decode it, if needed
args[argname] = value
// Store as a property
}
return args// Return the object
}
var str =getArgs()
alert(str['q'])//和input的name对应取值,
document.getElementById("qbox").innerHTML = str['q']//然后赋值给DIV
</script>
</body>
</html>
希望能帮到你哦!
dojo实现两个html页面之间传值为222。HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)