美文网首页
页面传参

页面传参

作者: 猫晓封浪 | 来源:发表于2019-02-11 09:59 被阅读0次

    方法一:

    URL传参(?后面的参数)(去哪儿网笔试题,把URL后面的参数解析为对象)
    window.location.href = "https://www.google.com/search?q=hello&oq=hello"
    
    function parseURL(url){
        var url = url.split("?")[1];
        var para = url.split("&");
        var len = para.length;
        var res = {};
        var arr = [];
        for(var i=0;i<len;i++){
            arr = para[i].split("=");
            res[arr[0]] = arr[1];
        }
        return res;
    }
    

    方法二:

    cookie传参

    a页面保存Cookie,b页面读取

    • cname Cookie名称
    • cvalue Cookie值
    • exdays Cookie过期天数
    // a 页面
    function setCookie(cname,cvalue,exdays){
        var d = new Date();
        d.setTime(d.getTime() + (exdays*24*60*60*1000)); 
        // setTime() 方法以毫秒设置 Date 对象。 
        // getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。
        var expires = "expires=" + d.toUTCString();
        // toUTCString() 方法可根据世界时 (UTC) 把 Date 对象转换为字符串,并返回结果。
        document.cookie = cname + "=" + cvalue + "; " + expires;
    }
    
    // b 页面
    function getCookie(cname){
        var name = cname + "=";
        var ca = document.cookie.split(";");
        for(var i=0;i<ca.length;i++){
            var c = ca[i];
            // charAt() 方法可返回指定位置的字符。
            while(c.charAt(0)==' '){
                c = c.substring(1); 
                // substring() 方法用于提取字符串中介于两个指定下标之间的字符。只有一个参数时,表示开始位置至结束。
            }
            if(c.indexof(cname) == 0){
                return c.substring(name.length,c.length);
                // indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
            }
        }
        return "";
    }
    

    方法三:

    H5中Web Storage中的localStorage对象(对象的使用方法)

    对象存在本地

    localStorage.setItem("lastname","lu");
    // 或者
    localStorage.lastname = "lu";
    
    localStorage.getItem("lastname");
    // 或者
    localStorage.lastname;
    

    相关文章

      网友评论

          本文标题:页面传参

          本文链接:https://www.haomeiwen.com/subject/yxbfeqtx.html