zoukankan      html  css  js  c++  java
  • 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="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>
  • 相关阅读:
    Codeforces 1137E 凸包
    Codeforces 1142D Foreigner (DP)
    Codeforces 1120C Compress String(DP)
    gym
    Codeforces 1142B Lynyrd Skynyrd
    PTA 估值一亿的AI核心代码
    HDU 6162 树链剖分
    洛谷P2146 树链剖分
    HTTP深入浅出http请求(转)-----http请求的过程和实现机制
    css实现不定宽高的div水平、垂直居中
  • 原文地址:https://www.cnblogs.com/xujinzhong/p/8630765.html
Copyright © 2011-2022 走看看