码迷,mamicode.com
首页 > Web开发 > 详细

JS完成页面跳转并传参的方法|附加:循环遍历对象

时间:2017-03-01 22:35:26      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:页面   其他   href   cat   data   遍历   遍历数组   内容   对象   

此方法只能传递较少参数

方法如下:

<a href=‘page/index.html‘>跳转</a>

以上是正常写法,如果要传参按一下写法:

<!--参数写在?后面,多个参数用&隔开,下面传的参数为name=lemon,age=18-->
<a href=‘page/index.html?name=lemon&age=18‘></a>

当跳转到页面的时候这个页面的地址栏就会跟你写的那个一样,这时候你只需要获取地址栏的内容并进行采取,下面是一个写好的方法,把此方法引用到接受参数的页面,记得要先把jQuery引用进来

$(function () {

    //取得地址中的数据
    function GetQueryString(name) {

        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");

        var r = window.location.search.substr(1).match(reg);

        if (r != null)return unescape(r[2]);
        return null;
    }
//进行获取参数    name可改为自己想要的参数
    var name = GetQueryString(‘name‘);

这样就可以了,是不是很简单,记得关注哟!

---------------------------------------------------------------------------

大牛请无视此篇

为了能放首页,下面补充点其他的:

大家肯定都知道循环遍历数组,遍历对象肯定也会,现在教大家一个简单的方法遍历对象 for in 循环:

 var data = {
        name:‘lemon‘,
        age:‘18‘
    };
    for(i in data){
        console.log(data[i]);
    }

此时data中的数据就都会被console出来;

JS完成页面跳转并传参的方法|附加:循环遍历对象

标签:页面   其他   href   cat   data   遍历   遍历数组   内容   对象   

原文地址:http://www.cnblogs.com/ningmeng666/p/6486412.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!