美文网首页
页面传参

页面传参

作者: 猫晓封浪 | 来源:发表于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;

相关文章

  • 微信小程序页面之间传参

    微信小程序页面之间的传参方法有四种 1.页面url传参2.data-属性传参3.缓存传参4.全局变量传参 1.页面...

  • Next.js 跳转传参并接收接参

    介绍路由传参,接参使用方法 传参 + 跳转页面接收参数 动态路由传参 + 跳转页面接收参数创建动态路由在pag...

  • react native 页面跳转传参

    react native 组件之间传参包括父传子和子传父,但是也有页面跳转时需要传参,比如从A页面跳转到B页面...

  • uniapp中使用 uni.navigateBack() 返回上

    B页面返回A页面,并给A页面传参 B页面 A页面

  • 传参 第九天 操作组合

    传参打开子页面

  • Vue实战第二天

    路由组件传参 动态路由传参 静态路由传参 函数传参htm5 history 模式 设置通用路由,找不到页面跳转自定...

  • query与params的页面传值

    先简单记录页面传值, 还没完全弄懂其中的原理先配置路径跳转 params data传参 params传参 跳转页面...

  • 页面传参

    页面传参的几种方法 后台页面加载处理 服务器端接受值得方式 从URL中可看出ASP.NET Get和Post的区别...

  • 页面传参

    方法一: URL传参(?后面的参数)(去哪儿网笔试题,把URL后面的参数解析为对象) 方法二: cookie传参 ...

  • vue-router 传参

    动态操作路由 注意:前者query传参,会在页面url上显示参数,后者params传参则不会,这代表刷新页面前者参...

网友评论

      本文标题:页面传参

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