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

两个html页面之间怎么传递参数值,第1张

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

a页面

<html>

<head>

<title>a</title>

<style type="text/css">

* {margin:0}

body {text-align:centermin-width:760px}

div {padding:3px 3px 3px 3px}

#main {width:720pxmargin:0 autotext-align:leftmargin-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>

效果如下:

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方法中,输出数值传递之后的效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8363153.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存