文章目录
  1. 1. JS控制跳转
  2. 2. 页面跳转同时传入参数
  3. 3. 接收url的页面如何获取传入的数据呢?
  4. 4. 获取传入参数的乱码问题
    1. 4.1. escape
    2. 4.2. encodeURI
    3. 4.3. encodeURIComponent

花了好多时间终于是把两个页面做完了,然后就需要将两个页面连接起来,下面就给大家介绍一下如何通过JS代码实现页面跳转及整个过程中遇到的问题和解决方案。

JS控制跳转

window.location.href = url

页面跳转同时传入参数

window.location.href = url?name=never

这里就就传入了数据name,其值为never。

接收url的页面如何获取传入的数据呢?

如:http://localhost:3000/main.html?domain=test,如何获取?后面domain对应的值?代码如下:

function getQueryStringV(vhref, name) {
    // 如果链接没有参数,或者链接中不存在我们要获取的参数,直接返回空 
    if (vhref.indexOf("?") == -1 || vhref.indexOf(name + '=') == -1) {
        return '';
    }
    // 获取链接中参数部分 
    var queryString = vhref.substring(vhref.indexOf("?") + 1);
    // 分离参数对 ?key=value&key2=value2 
    var parameters = queryString.split("&");
    var pos, paraName, paraValue;
    for (var i = 0; i < parameters.length; i++) {
        // 获取等号位置 
        pos = parameters[i].indexOf('=');
        if (pos == -1) {
            continue;
        }
        // 获取name 和 value 
        paraName = parameters[i].substring(0, pos);
        paraValue = parameters[i].substring(pos + 1);

        if (paraName == name) {
            return unescape(paraValue.replace(/\+/g, " "));
        }
    }
    return '';
}
//调用
 var str1 = getQueryStringV(location.href, "domain");

获取传入参数的乱码问题

JS中对文字编码涉及3个函数:escape,encodeURI,encodeURIComponent;相应3个解码函数:unescape,decodeURI,decodeURIComponent

escape

采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。unescape方法与此相反。不会被此方法编码的字符: @ * / +

不过这个方法已经过时,使用其他两个方法代码。

encodeURI

把URI字符串采用UTF-8编码格式转化成escape格式的字符串。不会被此方法编码的字符:! @ # $& * ( ) = : / ; ? + ‘

例如:

Location.href=encodeURI("http://cang.baidu.com/do/s?word=eBay&ct=21");

encodeURIComponent

把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比,这个方法将对更多的字符进行编码,比如 / 等字符。所以如果字符串里面包含了URI的几个部分的话,不能用这个方法来进行编码,否则 / 字符被编码之后URL将显示错误。不会被此方法编码的字符:! * ( )

传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。

例如:

<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7& u='+encodeURIComponent("http://cang.baidu.com/bruce42")+'">退出</a& gt;');</script>

因此,对于中文字符串来说,如果不希望把字符串编码格式转化成UTF-8格式的(比如原页面和目标页面的charset是一致的时候),只需要使用escape。如果你的页面是GB2312或者其他的编码,而接受参数的页面是UTF-8编码的,就要采用encodeURI或者encodeURIComponent。

文章目录
  1. 1. JS控制跳转
  2. 2. 页面跳转同时传入参数
  3. 3. 接收url的页面如何获取传入的数据呢?
  4. 4. 获取传入参数的乱码问题
    1. 4.1. escape
    2. 4.2. encodeURI
    3. 4.3. encodeURIComponent