zoukankan      html  css  js  c++  java
  • url 传值

    js获取url参数值:

    index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&......

    静态html文件js读取url参数 根据获取html的参数值控制html页面输出

    一、字符串分割分析法

    这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的request.querystring,PHP的$_GET

    函数:

    <script language="javascript">
        function GetRequest() {
            var url = location.search; //获取url中"?"符后的字串
            var theRequest = new Object();
            if (url.indexOf("?") != -1) {
                var str = url.substr(1);
                strs = str.split("&");
                for(var i = 0; i < strs.length; i ++) {
                    theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
                }
            }
            return theRequest;
        }
    </script>

    然后我们通过调用此函数获取对应参数值:

    <script language="javascript">
        var Request = new Object();
        Request = GetRequest();
        var 参数1,参数2,参数3,参数N;
        参数1 = Request['参数1'];
        参数2 = Request['参数2'];
        参数3 = Request['参数3'];
        参数N = Request['参数N'];
    </script>

    以此获取url串中所带的同名参数

    二、正则分析法

    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
        var r = window.location.search.substr(1).match(reg);
        if (r!=null) return unescape(r[2]);
        return null;
    }
    alert(GetQueryString("参数名1"));
    alert(GetQueryString("参数名2"));
    alert(GetQueryString("参数名3"));

    补充:js 获取url的get传值函数

    function getvl(name) {
      var reg = new RegExp("(^|\?|&)"+ name +"=([^&]*)(\s|&|$)", "i");
      if (reg.test(location.href))
      return unescape(RegExp.$2.replace(/+/g, " "));
      return "";
    };

    用法简单的说一下

    比如url是:http://localhost/index.php?qz=ddddk中qz的值代码如下

    复制代码代码如下:
    getvl(bb);//这样就可以了
  • 相关阅读:
    9、SpringMVC:Ajax技术(扩展:百度搜索框提示应用)
    8、SpringMVC:整合SSM
    SpringMVC:多视图解析器配置以及问题
    7、SpringMVC:JSON讲解
    IDEA中lombok的插件配置及使用
    C语言编程练习23:美丽数
    C语言编程练习45:ACM CLUB晚会
    C语言编程练习22:2^x mod n = 1
    C语言编程练习21:找规律填数字
    C语言编程练习20:计算合并
  • 原文地址:https://www.cnblogs.com/crazycode2/p/6751996.html
Copyright © 2011-2022 走看看