页面自增加示例

最新推荐文章于 2022-04-14 20:00:00 发布

weixin_30315723

最新推荐文章于 2022-04-14 20:00:00 发布

阅读量93

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/kukai/p/10850656.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
    <script>
        $(function () {
            //判断该sessionStorage的key是否存在
            if (sessionStorage.getItem("num1") != null) {
                //存在，把SessionStorage里的value值赋值到页面
                $("#span1").html(sessionStorage.getItem("num1"));
            }
            //触发点击事件
            $("#btn").click(function () {
                //获取页面id=span1的值
                var num = $("#span1").html();

                //判断该sessionStorage的key是否存在
                if (sessionStorage.getItem("num1") != null) {
                    //获取SessionStorage里的value值
                    num = sessionStorage.getItem("num1");
                }

                num++;
                //把增加后的num值存储到sessionStorage里
                sessionStorage.setItem("num1", num);
                //把增加后的num值显示到页面
                $("#span1").html(num);

            })
        })
    </script>
</head>
<body>
<span id="span1">0</span><input type="button" id="btn" value="点击">
</body>
</html>

转载于:https://www.cnblogs.com/kukai/p/10850656.html

weixin_30315723

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面自增加示例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="../js/jquery-3.2.1.min.js"><...
复制链接

扫一扫