zoukankan      html  css  js  c++  java
  • JS---使用localStorage传递参数

    localStorage_send_page.html(发送页面)

    <!doctype html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <title></title>
            <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
            <link href="css/mui.min.css" rel="stylesheet" />
        </head>
    
        <body>
            <button type="button" class="mui-btn mui-btn-red">用localStorage向recieve_page页面传值</button>
            <script src="js/mui.min.js"></script>
            <script type="text/javascript">
                mui.init();
                //localStorage
                document.getElementsByTagName('button')[0].addEventListener('tap', function() {
                    localStorage.setItem('name', 'Harden');
                    window.location.href = 'localStorage_recieve_page.html';
                });
            </script>
        </body>
    
    </html>

    localStorage_recieve_page.html(接收页面)

    <!doctype html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <title></title>
            <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
            <link href="css/mui.min.css" rel="stylesheet" />
        </head>
    
        <body>
            <span id="span1">
                span1
            </span>
            <script src="js/mui.min.js"></script>
            <script type="text/javascript">
                mui.init();
                document.getElementById("span1").innerText='hi,'+localStorage.getItem('name');
            </script>
        </body>
    
    </html>
  • 相关阅读:
    图论-最短路模版
    图论-最小生成树模版
    图论-并查集模版
    数论-矩阵快速幂模版
    数论-GCD && 欧拉函数 && 快速求幂
    对象池技术
    页游代码、资源文件的优化
    页游加速检查
    扩展类与父类继承函数的前后关系
    关于ADDED_TO_STAGE事件
  • 原文地址:https://www.cnblogs.com/beast-king/p/9113869.html
Copyright © 2011-2022 走看看