传统的html静态网页传递参数方法有很多。html5中,可利用localstorage方法简洁、快速地实现这一功能。其中,localstorage携带的参数支持自定义命名,也可一次存储多个参数。
示例代码经由博客资源整合而成,在script脚本中利用localstorage方法存储待传递数据,从index.html传递数值和文本到index2.html中,代码如下:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>index</title>
</head>
<body>
<script type="text/javascript" src="js/getUrlParam.js"></script>
<a href="index2.html">html5-localstorage静态传值</a>
<script>
localStorage.value = 45;
localStorage.text = "测试文本"
</script>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>index2</title>
</head>
<body >
<label id="label1">dt</label>
<script type="text/javascript">
document.getElementById("label1").innerHTML = localStorage.value + " " + localStorage.text;
</script>
</body>
</html>