HTML5教程

HTML 页面传值及另一个页面接收值

本文主要是介绍HTML 页面传值及另一个页面接收值,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

a.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a页面</title>
<script type="text/javascript" src="link/jquery.min.js"></script>
<script type="text/javascript">
function to(){  
    var getval ="valueTest中文字符";
    var getval2 ="valueTest2";
    window.location.href="b.html?valus="+getval;
    // window.location.href="b.html?valus="+getval+"&value2="+getval2;
} 
</script>

</head>
<body>
<button onclick="to()">传值</button>
</body>
</html>

b.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>b页面</title>
<script type="text/javascript" src="link/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
console.log(decodeURI(location.search.concat()));
manyValues();
$("#show").html(oneValues());
})

//接收一个值
function oneValues(){
    var result;
    var url=decodeURI(window.location.search); //获取url中"?"符后的字串  
    if(url.indexOf("?") != -1) {
        result = url.substr(url.indexOf("=")+1);
    }
    return result;
}

//接收多值
function manyValues() {
    var url=decodeURI(window.location.search);
    if(url.indexOf("?")!=-1) {
        var str = url.substr(url.indexOf("?") + 1);
        strs = str.split("&"); 
        var key = new Array(strs.length);
        var value = new Array(strs.length);
        for(i = 0;i < strs.length;i++){
            key[i] = strs[i].split("=")[0]
            value[i] = unescape(strs[i].split("=")[1]); 
            alert(key[i]+"="+value[i]);
        } 
    } 
}

</script>
</head>
<body>
<span>接收的值是:</span>
<span id="show"></span>
</body>
</html>

注:

中文传输:可以在页面a用 encodeURI 编码url 在b页面用 decodeURI 解码url

这篇关于HTML 页面传值及另一个页面接收值的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!