页面路径拼接字符串进行参数传递：

参数传递页面：

<style>

    input,button{

        border: 1px solid red;

    }

    body {

        font-size:24px;

    }

</style>

<body>

    <input id="username" type="text" name="username">用户名<br>

    <input type="text" id="sex" name="sex">性别<br>

    <button id="btn">提交</button>

    <script src="js/jquery.min.3.2.js"></script>

    <script>

        $("#btn").click(function () {

            url = "Read.html?username=" + escape(document.all.username.value);//Read.html接收页面

            url += "&sex=" + escape(document.all.sex.value);

            document.getElementById("username").value = "";

            document.getElementById("sex").value = ""; 

            location.href = url;

        })

    </script>

</body>

参数接收页面

<body>

    <div class="content"></div><br>

    <div class="content2"></div>

    <script src="js/jquery.min.3.2.js"></script>

    <script language="javascript" >

          /*

          3 *--------------- Read.html -----------------

          4 * Request[key]

          5 * 功能:实现ASP的取得URL字符串,Request("AAA")

          6 * 参数:key,字符串.

          7 * 实例:alert(Request["AAA"])

          8 *--------------- Request.htm -----------------

          9

        */

         var url=location.search;

         console.log(url);//?username=1&sex=2

         var Request = new Object();

         if(url.indexOf("?")!=-1){

         　　var str = url.substr(1)　//去掉?号

         　　strs = str.split("&");

         　　for(var i=0;i<strs.length;i++){

          　　　 Request[strs[i ].split("=")[0]]=unescape(strs[ i].split("=")[1]);

         　　}

        }

         $(".content").html(Request["username"])

         $(".content2").html(Request["sex"])

    </script>

</body>

js页面路径拼接字符串进行参数传递的更多相关文章

  1. js中高效拼接字符串

    写在前面 面试的过程,很有可能面试到c#那种方式拼接字符串更高效,然后就会引申到js中的拼接方式.这也是我在面试中遇到的问题,当时,也真没比较过js中到底哪种方式更高效.然后,跟猜测一样,说了使用数组 ...

  2. js - 在拼接字符串中动态submit当前form

    今天在做一个项目的时候, mapabc中的inforWindow中,如果是超链接a,不直接响应. 后来的解决方案是动态产生form,并调用summit方法.如下 自定义一个js函数: function ...

  3. js最实用string(字符串)类型的使用及截取与拼接详解

    var a = '世界上最远的距离不是天涯海角'; 一.通过字符获取位置或通过位置获取字符: //指定位置返回字符console.log(str.charAt(1));console.log(str[ ...

  4. js拼接字符串传值，子窗口传值

    避免下次再去查资料,记录一下 1.拼接字符串传值 "UpdateState?ids=" + subStr+"&remark="+reValue) 目标页 ...

  5. js解析或获取页面路径归纳

    /** * 当填写参数href后,解析你给的参数,如果为空自动从获取浏览器的地址 *测试路径:>>>http://127.0.0.1:8020/url/index.html?id=1 ...

  6. js拼接字符串后swiper不能动的解决方案

    swiper的配置一定要放在拼接字符串之后,紧随其后,如果放在其他的位置,swiper是不识别HTML的.

  7. js 高效拼接字符串

    <script>//如果我们大量使用+=进行字符串拼接的话,将会使界面失去响应(卡死状态) //高效拼接字符串 var StringBuilder=function() { this.da ...

  8. 关于前端js拼接字符串的一点小经验

    1.今天在做项目的时候遇到一个问题,就是使用onclick="xxx()"  点击事件的时候,参数如果为全数字就会出现点击无反应的问题.但是当参数为字符串或者动态内容的时候就会出现 ...

  9. js 页面间的通信

    看了一下公司原来的代码,原页面ajax post返回一个页面完整的HTML,然后再打开一个新页面并输出ajax返回的所有代码到新页面上,在新页面上以表单提交的形式实现重定向. 任凭我想了半天也没想出来 ...

随机推荐

  1. 04Hadoop中的setPartitionerClass/SortComparator/GroupingComparator问题

    map阶段 1. 使用job.setInputFormatClass(TextInputFormat)做为输入格式.注意输出应该符合自定义Map中定义的输出. 2. 进入Mapper的map()方法, ...

  2. 删除SQL架构的用户

    ALTER AUTHORIZATION ON SCHEMA::db_owner TO db_owner

  3. dhcpsrv：windows系统的优秀开源免费dhcp serve软件

    概述: 官方网站 :http://www.dhcpserver.de/ 写博客时的可免费下载版本  2.52, 或者在cnblogs 本地下载 --========================== ...

  4. python什么时候加self，什么时候不加self

    1.self是什么,一般都说指对象本身,这样说了没了用,说了后还是很难懂,因为这样说了后,仍然完全搞不清楚,什么时候变量前需要加self,什么时候不需要加self. 造成很多人,已经怕了self,不停 ...

  5. 微信的NATIVE支付提示201商户订单号重复的解决方案

    无论采取模式一还是模式二,进行预支付ID获取的时候应当确保订单号的唯一性,否则就会造成第二次扫码后的重复提醒. 解决方案: 以预支付ID处理为例: 商城: 1.创建log_id数据表如:out_tra ...

  6. 解决Pycharm更新package出现的问题：AttributeError:module 'pip' has no attribute 'main'

    很久一段时间没有更新Pycharm当中的package了,今天打开Pycharm点击package更新,发生了错误,AttributeError:module 'pip' has no attribu ...

  7. js设计模式（六）---组合模式

    组合模式将对象组合成树形结构,以表示“部分-整体”的层次结构.除了用来表示树形结构之外,组合模式的另一个好处是通过对象的多态性表现,使得用户对单个对象和组合对象的使用具有一致性.基本图例 1.组合模式 ...

  8. MySQL数据库（增删查改）

    创建一个表:create table user( uid varchar(10) , pwd int(10) ); 学生表: create table student( sno varchar(20) ...

  9. python学习之旅（三）

    Python基础知识(2):运算符 一.算术运算符 加 +,减 -,乘 *,除 /,幂 **,求余 %,取整 // 二.成员运算符 in,not in 判断一个字符是否在字符串中 name = &qu ...

  10. jmeter安装与环境变量配置

    因jmeter是java开发的,要想运行java开发的程序,必须先下载JDK一.jdk 1.下载jdk  jdk下载地址:https://www.oracle.com/technetwork/java ...