页面传值的几种方式

页面传值的几种方式,第1张

一 使用QueryString变量

QueryString是一种非常简单也是使用比较多的一种传值方式,但是它将传递的值显示在浏览器的地址栏中,如果是传递一个或多个安全性要求不高或是结构简单的数值时,可以使用这个方法。

ResponseRedirect( "targetaspxparam1=hello&param2=hi ")

接收页面: string str = RequestQueryString["param1"];

string str1 = RequestQueryString["param2];

二使用Cookie对象变量(Cookie是存放在客户端的)

设置Cookie: >

通过js获取当前地址的URL后面的参数然后解析出id的值 再 通过dom *** 作修改script标签的src值即可。

html网页:超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

若地址栏URL为:abchtmlid=123&url=>

使用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过期时间/

    expiresetTime(todaygetTime() + 3600000  24  nDays);

    /设置Cookie值/

    documentcookie = cookieName + "=" + escape(cookieValue)

        + ";expires=" + expiretoGMTString();

}

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);

        /跳转到ex8html页面/

        documentlocation = "bhtm";

    } else {

        alert("用户名或密码错误!");

    }

}

function $(id) {

    return documentgetElementById(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 = "" + documentcookie;

    var ind = theCookieindexOf(cookieName);

    if(ind==-1 || cookieName=="") return "";

    var ind1 = theCookieindexOf(';',ind);

    if(ind1==-1) ind1 = theCookielength;

    /读取Cookie值/

    return unescape(theCookiesubstring(ind+cookieNamelength+1,ind1));

}

function $(id) {

    return documentgetElementById(id);

}

function init() {

    var username = ReadCookie("username");

    if(username && usernamelength>0) {

        $("msg")innerHTML = "<h1>欢迎光临," + username + "!</h1>";

    } else {

        $("msg")innerHTML = "<a href='ahtm'>请登录</a>";

    }

}

</script>

</head>

<body onload="init()">

    <div id="msg"></div>

</body>

</html>

效果如下:

以上就是关于页面传值的几种方式全部的内容,包括:页面传值的几种方式、jsp中页面传递参数有哪些方式、html网页如何传递接收地址参数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9269869.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存