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>
  • 相关阅读:
    C++模板总结
    Service介绍(MediaPlayer应用)
    Java创建WebService服务及客户端实现
    Tomcat服务器常用配置和HTTP简介
    JavaWeb学习篇之----HTTP协议详解
    JSP/Servlet(一)
    servlet+jsp+java实现Web 应用
    MySQL多表查询
    Java XML解析工具 dom4j介绍及使用实例
    java socket编程
  • 原文地址:https://www.cnblogs.com/beast-king/p/9113869.html
Copyright © 2011-2022 走看看