HTML5 参数传递

最新推荐文章于 2021-06-30 03:32:27 发布

Vincen??

最新推荐文章于 2021-06-30 03:32:27 发布

阅读量155

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xujinzhong/p/8630765.html

版权

页面显示效果，如下图：

主页面代码：

<!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="javascript">
            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>

转载于:https://www.cnblogs.com/xujinzhong/p/8630765.html

Vincen??

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5 参数传递

页面显示效果，如下图：主页面代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> ...
复制链接

扫一扫