本地储存及权限验证

最新推荐文章于 2023-09-01 16:09:06 发布

VIP文章荒年1010

最新推荐文章于 2023-09-01 16:09:06 发布

阅读量436

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_42673485/article/details/118312716

版权

本地储存

<body>
    <a href="./url.html?test:qwe&name:dd=clx">跳转到b页面</a>
    <button id="btn">点击sessionstorage</button>
</body>
<script>
    /*
    1.存在一条需要多个html共享的数据    
    这里是有数据的界面
    1.将数据存到localStorage中
    2.在另一个界面从localStorage中获取

    注意：本地存储是独立于页面之外的内容
    */
    var cname = "luotao";
    localStorage.setItem('cname', cname);

    // btn.onclick = function () {
    
    //     sessionStorage.setItem('name', 'swqdqwd')
    // }
</script>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 1: https:            网络协议:表示客户端与服务端通信的方式
        // 2: www. jd. com      域名:解析为IP  知道服务器
        // 3:/                   路由: 通过路由找到服务中接口,接口渲染不同的静态资源页面
        //   静态资源:对于服务器而言,所有的文件都叫做静态资源
        // 4: ?cu=true&utm source-baidu-search & utm medium- cpc        url参数:?key=value&key=value
        // url参数:
        //      1 params 传数  /value
        //      2 query  传参  ?key = value
        // https://www.jd.com/?cu=true&utmsource-baidu-search&utmmedium=cpc&utm_campaign=t_262767352baidusearch&utmterm=106807362512.6b89380289b64d02a6cc7a61e56e85bf



        // 1 url地址参数怎么处理
        // 2 作用:实现前端的页面之间传值
        // 3 作用:发送Get请求,请求参数会拼接到url地址上

        // 获取url地址:
        var url = location.href;
        console.log(url);
        var query = location.search;
        console.log(query);


        // 将参数变为参数对象
        function queryObject(url) {
    
            // 初始返回值
            var res = {
    };
            // 1查找?位置
            var index = url.indexOf('?')
            console.log(index);
            // 2截取?后所有的字符
            var urlSub = url.slice(index + 1)
            console.log(urlSub);
            // 3:用&切割字符串，变为key=value结构的数组
            var urlArr = urlSub.split('&');
            console.log(urlArr);


            for (var i = 0; i < urlArr.length; i++) {

最低0.47元/天解锁文章

荒年1010

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
本地储存及权限验证

本地储存<body> <a href="./url.html?test:qwe&name:dd=clx">跳转到b页面</a> <button id="btn">点击sessionstorage</button></body><script> /* 1.存在一条需要多个html共享的数据这里是有数据的界面 1.将数据存到localStorage中
复制链接

扫一扫