首页

通过定义JS窗口对象获取url地址location.search部分的参数值

标签:javascript,对象,示例,地址,入参,get,getParameter     发布时间:2016-08-24   

定义一个window对象 $xwoodjs并定义其子对象commonLib ,在页面中实例化路由调用params参数方法,代码详情如下: 

<!doctype html>@b@<html>@b@<head>@b@    <meta charset="UTF-8" /> @b@    <script src="http://www.xwood.net/js/jquery-1.6.2.min.js" type="text/javascript" charset="utf-8"></script> @b@    <script>@b@        window.$xwoodjs = window.$xwoodjs || {}; @b@        $xwoodjs.commonLib = (function () {@b@            return{@b@                params : function(exist,nothing){@b@                    if(location.search){@b@                        exist();                    @b@                    }else{@b@                        nothing();@b@                    }@b@                },@b@                getURLParameter : function(name){@b@                    var ret = (new RegExp("[\\?&]" + name + "=([^&#]*)")).exec(location.search);@b@                    return ret ? ret[1] : "";@b@                }              @b@            }@b@        })(); @b@    </script>@b@</head>@b@<body>@b@    <script>@b@        $(function(){@b@            //说明1. 页面加载完成后执行的函数@b@            $xwoodjs.commonLib.params(@b@                function(){@b@                    exist_fun();@b@                },@b@                function(){@b@                    nothing_fun();@b@                }@b@            ); @b@            @b@            function exist_fun(){@b@                document.writeln("params is:"); @b@                document.writeln("module =" + $xwoodjs.commonLib.getURLParameter("module")); @b@            } @b@            @b@            @b@            function nothing_fun(){@b@                document.writeln("params does not exist"); @b@            }@b@@b@        })@b@    </script>    @b@</body>@b@</html>

备注(location.href 与 location.search区别),如当前地址是http://www.xwood.net/zsk_search/?q=java

location.href获取的值(返回完整的 URL):http://www.xwood.net/zsk_search/?q=java

location.search获取到的值(从当前URL的?号开始的字符串,含“?”):?q=java

<<推荐下载>>
  • (1) 阿里巴巴Java开发手册8种不同版本
  • (2) Web前端开发视频教程
  • (3) 30+明星讲师PPT课件分享一线大厂架构实战经验
  • (4) java开发_架构篇_视频资源分享_v2208
  • (5) java开发_高级篇_视频资源分享_v2208
  • (6) java开发_进阶篇(中级)_视频资源分享_v2208
  • (7) java开发_入门篇_视频资源分享_v2208
  • (8) 微信小程序开发视频1+167源码+实战demo等下载
  • (9) easy-shopping电子商务java源码(附脚本和安装文档说明)下载
  • (10) java常用的72份知名实用的电子书下载
  • (11) java开发性能优化资料整理大全(8份电子文档+3份实战优化)下载
  • (12) 9个常用的算法设计资料和100以上视频课件内容下载
  • (13) vue开发必备常用手册16件下载
  • (14) 21种不同技术集群方案(es、flink、redis、nginx、zk、lvs、kafka、mysql、k8s等)参考资料下载
  • (15) 20种技术代码规范(js/java/dba/阿里/华为/oracle/mysql等)参考资料下载
  • (16) 微服务五套资料(0-1,架构设计,springcloud,nacos等)下载
  • (17) 架构师(28知识图谱+3套简历模板+6套架构实战文档等)完整资料整理下载
  • (18) 大数据18套实战基础知识+8套简历模板下载
  • (19) 并发编程全套(7套+阿里巴巴+亿级实战等)实战资料下载
  • (20) Kafka九套学习整理知识点全套(面试+笔记+代码api+命令+容备等)资料下载
  • (21) java全套9个不同方向类型的面试题(基础+核心+大厂+架构师+近万套题库等)下载
  • (22) JAVA开发常用API帮助文档大全(超52种以上技术资料,高手必备)下载
  • (23) springcloud超详细139件全套学习实战资料( 视频课件+源码demo+文档资料等)下载
  • 更多推荐>>
  • <<热门文章>>