HTML5 参数传递

作者: 88b61f4ab233 | 来源:发表于2018-11-07 19:39 被阅读4次

实现代码
主页代码:

<!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"//前端全栈学习交流圈:866109386 
            var myuser = "user"//面向1-3年前端人员
            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>

相关文章

  • 无标题文章

    HTML5 页面跳转和参数传递 标签:html html5 传递参数 页面跳 2016-03-21 19:5179...

  • HTML5 参数传递

    实现代码主页代码: 跳转页面代码:

  • HTML5 WebSocket 路径中传递参数

    一、 HTML5 WebSocket WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行...

  • Go语言学习笔记(三)

    指针 Go的指针不能运算 参数传递 Go的参数传递是值传递(值传递:开辟新的空间,拷贝传递参数的值,引用传递:引用...

  • python3 几个知识点

    参数类型 用必选参数、 一定要传递的参数: def shit(a) a就一定要传递 默认参数 可以不传递的参数,有...

  • Kettle12:Kettle作业和参数

    本章讲解的作业和参数有如下几个案例01 作业02 参数03 表输入参数传递-常量传递04 表输入参数传递-变量传递...

  • 浅谈Java参数传递机制、浅复制(shadow copy)、深复

    1、参数传递机制 参数传递机制分为引...

  • golang笔记之函数

    函数参数传递类型 1.按值传递:Go 默认使用按值传递来传递参数,也就是传递参数的副本。 2.引用传递:如果你希望...

  • 按值传递与按引用传递

    按值传递 -- 传递的是参数的值,即参数本身。 按引用传递 -- 传递的是指向参数的值的引用(指针),而不是参数的...

  • 方法参数

    一、参数传递 1.参数传递有两种类型:按值传递和按引用传递。 2.按值传递指变量使用的是参数传递的值,而按引用传递...

网友评论

    本文标题:HTML5 参数传递

    本文链接:https://www.haomeiwen.com/subject/mwcbxqtx.html