两个html页面之间怎么传递参数值

 我来答
就烦条0o
推荐于2017-10-09 · 知道合伙人软件行家
就烦条0o
知道合伙人软件行家
采纳数:33315 获赞数:46491
从事多年系统运维,喜欢编写各种小程序和脚本。

向TA提问 私信TA
展开全部

使用Cookie传递参数 ,a页面保存Cookie,b页面读取,代码如下:

a页面

<html>
<head>
<title>a</title>
<style type="text/css">
* {margin:0}
body {text-align:center;min-width:760px}
div {padding:3px 3px 3px 3px}
#main {width:720px;margin:0 auto;text-align:left;margin-top:30px}
#main div span {width:50px}
</style>

<script type="text/javascript">
/***
* @param {string} cookieName Cookie名称
* @param {string} cookieValue Cookie值
* @param {number} nDays Cookie过期天数
*/
function SetCookie(cookieName,cookieValue,nDays) {
    /*当前日期*/
    var today = new Date();
    /*Cookie过期时间*/
    var expire = new Date();
    /*如果未设置nDays参数或者nDays为0,取默认值1*/
    if(nDays == null || nDays == 0) nDays = 1;
    /*计算Cookie过期时间*/
    expire.setTime(today.getTime() + 3600000 * 24 * nDays);
    /*设置Cookie值*/
    document.cookie = cookieName + "=" + escape(cookieValue)
        + ";expires=" + expire.toGMTString();
}
function login() {
    var username = $("user").value;
    var password = $("pass").value;
    /*是否选中7天内无需登录*/
    var save = $("save").checked;
    if(username=="abc" && password=="abc") {
        if(save) SetCookie("username",username,7);
        else SetCookie("username",username,1);
        /*跳转到ex8.html页面*/
        document.location = "b.htm";
    } else {
        alert("用户名或密码错误!");
    }
}
function $(id) {
    return document.getElementById(id);
}
</script>
</head>
<body>
    <div id="main">
        <div><span>用户名:</span><input type="text" id="user" /></div>
        <div><span>密码:</span><input type="password" id="pass" /></div>
        <div>
            <input type="checkbox" id="save" />
            7天内无需登录
            <input type="button" onclick="login()" value="登录" />
        </div>
    </div>
</body>
</html>

b页面

<html>
<head>
<title>b</title>
<script type="text/javascript">
/***
*读取指定的Cookie值
*@param {string} cookieName Cookie名称
*/
function ReadCookie(cookieName) {
    var theCookie = "" + document.cookie;
    var ind = theCookie.indexOf(cookieName);
    if(ind==-1 || cookieName=="") return "";
    var ind1 = theCookie.indexOf(';',ind);
    if(ind1==-1) ind1 = theCookie.length;
    /*读取Cookie值*/
    return unescape(theCookie.substring(ind+cookieName.length+1,ind1));
}

function $(id) {
    return document.getElementById(id);
}

function init() {
    var username = ReadCookie("username");
    if(username && username.length>0) {
        $("msg").innerHTML = "<h1>欢迎光临," + username + "!</h1>";
    } else {
        $("msg").innerHTML = "<a href='a.htm'>请登录</a>";
    }
}
</script>
</head>
<body onload="init()">
    <div id="msg"></div>
</body>
</html>

效果如下:

刺友互
高粉答主

2019-06-17 · 每个回答都超有意思的
知道答主
回答量:3979
采纳率:100%
帮助的人:70.9万
展开全部

1、首先在电脑打开eclipse软件。然后创建int参数age,赋值为21。代码:int age=21。

2、参见静态方法addAge(int a),内有参数a。

3、然后在addAge方法中,增加a增值的代码。

4、然后再从addAge方法中,输出a增加后的值。

5、然后在main方法中,将age的值传递给a。

6、然后在main方法中,输出数值传递之后的效果。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
dksnear
推荐于2017-09-29 · TA获得超过1211个赞
知道小有建树答主
回答量:399
采纳率:0%
帮助的人:619万
展开全部

假设有a页面 a.html b页面 b.html

a页面向b页面传递参数

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>
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
堵寄灵kO
2015-05-02 · TA获得超过2370个赞
知道小有建树答主
回答量:588
采纳率:100%
帮助的人:469万
展开全部
可利用servlet类传递
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
小白前端圈
2015-05-02 · 小白前端学习圈子,圈子很小都是学前端的人
小白前端圈
采纳数:85 获赞数:158

向TA提问 私信TA
展开全部
ajax
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式