设为首页 加入收藏

TOP

HTML5 参数传递
2019-09-03 03:09:33 】 浏览:17
Tags:HTML5 参数 传递

页面显示效果,如下图:

主页面代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
          <br>
          <br>
        <a href="jssendValue.html?id=test&user=xujinzhong&pwd=123456&uid=123456" target="_blank"&nbsp >>>> 点击跳转到下一个界面 >>></a> 
    </body>
</html>

跳转页面代码:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script language="java script">
            var myID = "id"
            var myuser = "user"
            var mypwd = "pwd"
            var myuid = "uid"
            function getParameter(param) {
                var query = window.location.search; //获取URL地址中?后的所有字符  
                var iLen = param.length; //获取你的参数名称长度  
                var iStart = query.indexOf(param); //获取你该参数名称的其实索引  
                if(iStart == -1) //-1为没有该参数  
                    return "";
                iStart += iLen + 1;
                var iEnd = query.indexOf("&", iStart); //获取第二个参数的其实索引  
                if(iEnd == -1) //只有一个参数  
                    return query.substring(iStart); //获取单个参数的参数值  
                return query.substring(iStart, iEnd); //获取第二个参数的值  
            }

            function init() {
                document.getElementById("id").value = getParameter(myID);
                document.getElementById("user").value = getParameter(myuser);
                document.getElementById("pwd").value = getParameter(mypwd);
                document.getElementById("uid").value = getParameter(myuid);
            }
        </script>
    </head>

    <body onload="init()">
        this is a test <br>
        <input id="id" type="text" />
        <br>
        <input id="user" type="text" />
        <br>
        <input id="pwd" type="text" />
        <br>
        <input id="uid" type="text" />
    </body>

</html>

 

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇W3C标准 下一篇想转行做web前端工程师,必学这6..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目