html5学习--利用localstorage在静态页面间传递参数

最新推荐文章于 2022-01-03 19:34:47 发布

安先生还是没名字

最新推荐文章于 2022-01-03 19:34:47 发布

阅读量5k

点赞数 2

分类专栏：技术文章标签： html5 html 静态-传递参数

本文链接：https://blog.csdn.net/qiaokelinaicha/article/details/57422410

版权

技术专栏收录该内容

58 篇文章 2 订阅

订阅专栏

传统的html静态网页传递参数方法有很多。html5中，可利用localstorage方法简洁、快速地实现这一功能。其中，localstorage携带的参数支持自定义命名，也可一次存储多个参数。

示例代码经由博客资源整合而成，在script脚本中利用localstorage方法存储待传递数据，从index.html传递数值和文本到index2.html中，代码如下：

<!--index.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>

<!--index2.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>

安先生还是没名字

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
html5学习--利用localstorage在静态页面间传递参数

传统的html静态网页传递参数方法有很多。html5中，可利用localstorage方法简洁、快速地实现这一功能。其中，localstorage携带的参数支持自定义命名，也可一次存储多个参数。示例代码经由博客资源整合而成，在script脚本中利用localstorage方法存储待传递数据，从index.html传递数值和文本到index2.html中，代码如下：
复制链接

扫一扫