分享

HTML页面之间传值传参

 岑经沧海难为水 2015-12-23
a.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>page a</title>
    <script>
     
        var params = function(args){
         
            var p = [];
 
            for(var n in args)
                p.push( n + '=' + args[n]);
 
            return encodeURI('?' + p.join('&'));
         
        };
         
        window.onload = function(){
         
            document.getElementById('send').onclick = function(){
             
                var data = {    
                 
                    name:'参数1',
                    value:'1'
                };
                 
                //向b页面传递参数 name,value
                location.href = 'b.html' + params(data);
            };
        };
     
    </script>
</head>
<body>
    <button id="send">send</button>
</body>
</html>

b.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>page a</title>
    <script>     
        var args = function(params){
             
            var a = {};
             
            params = params || location.search;
             
            if(!params) return {};
             
            params = decodeURI(params);
             
            params.replace(/(?:^\?|&)([^=&]+)(?:\=)([^=&]+)(?=&|$)/g,function(m,k,v){  a[k] = v; });
             
            return a;
             
        };
         
        window.onload = function(){
                 
                var argsFromPageA = args();
                // 打印a页面传递来的参数
            console.log(argsFromPageA);
        };
     
    </script>
</head>
<body>
</body>
</html>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多