zoukankan      html  css  js  c++  java
  • JS web localStorage传值 coolie传值


    localStorage传值

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>localStorage传值页面</title>
    </head>
    <body>
    <input type="text" value="哥哥我爱你" class="inp1" id="bbb">
    <input type="button" value="添加" class="inp1 inp11" onclick="btn1()">
    </body>
    <script type="text/javascript">
    function btn1() {
    localStorage.setItem('biaoji', document.getElementsByClassName('inp1')[0].value);
    };
    </script>
    </html>


    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>获取数据页面</title>
    </head>
    <body>
    <div class="tianjia">
    获取值
    </div>
    <div class="clear">
    清除localStorage
    </div>
    <div class="zhi">

    </div>
    <script>
    document.getElementsByClassName('clear')[0].onclick = function () {
    localStorage.clear('biaoji');
    }

    document.getElementsByClassName('tianjia')[0].onclick = function () {
    document.getElementsByClassName('zhi')[0].innerHTML = localStorage.getItem('biaoji');
    }
    </script>
    </body>
    </html>

    cookie传值

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>1</title>
    <script src="../jquery/jquery.2.0.0.js"></script>
    <script src="./cookie.js"></script>
    </head>
    <body>
    <div>
    <span>姓名</span>
    <input type="text" value="gegegegegegege" class="name">
    </div>
    <div>
    <span>年龄</span>
    <input type="text" value="24" class="age">
    </div>
    <span onclick="cz()">传值</span>
    <script>
    function cz() {
    var data = {
    name: $('.name').val()
    , age: $('.age').val()
    };
    $.cookie('data', JSON.stringify(data));
    }
    </script>
    </body>
    </html>
    接受数据cookie

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>2</title>
    <script src="../jquery/jquery.2.0.0.js"></script>
    <script src="./cookie.js"></script>
    </head>
    <body>
    <script>
    $(function () {
    var jsdata = $.cookie('data');
    console.log(jsdata);
    });
    </script>
    </body>
    </html>
  • 相关阅读:
    岗位要求与人才匹配
    http://blog.csdn.net/wujunokay/article/details/44783383
    好单位与坏单位
    工作那些事(三十四)杂记
    工作那些事(三十三)面试官的感想和建议
    工作那些事(三十二)由孙悟空的两个故事谈个人与团队
    工作那些事(三十一)如何带好一个项目团队
    工作那些事(三十)如何提升个人能力
    工作那些事(二十九)团队建设和人才招聘
    工作那些事(二十八)项目管理模式:项目型、职能型、矩阵型
  • 原文地址:https://www.cnblogs.com/shenbo666/p/10266935.html
Copyright © 2011-2022 走看看