第一种：字符串拆分法

window.location.href 或者 location.href 或者 window.location 获得地址栏中的所有内容

decodeURI()可以解码地址栏中的数据恢复中文数据

window.search 获得地址栏中问号及问号之后的数据

 //获取地址栏里（URL）传递的参数

 function GetRequest(value) {

   //url例子：www.bicycle.com?id="123456"&Name="bicycle"；

   var url = decodeURI(location.search); //?id="123456"&Name="bicycle";

   var object = {};

   if(url.indexOf("?") != -1)//url中存在问号，也就说有参数。

   {

    var str = url.substr(1); //得到?后面的字符串

    var strs = str.split("&"); //将得到的参数分隔成数组[id="123456",Name="bicycle"];

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

     {

 　　　　　　　　object[strs[i].split("=")[0]]=strs[i].split("=")[1]

 　　　　　　}

 　　}

   return object[value];

 }

第二种：正则匹配法

这种方法其实原理和上一种方法类似，都是从URL中提取，只是提取的方法不同而已。

其中 RegExp("(^|&)" 这里的& 指的就是用于隔开参数的字符，随意改成自己需要的即可

 function GetQueryString(name) {

   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");

   var r = window.location.search.substr(1).match(reg);

   if (r != null) {

     return unescape(r[2]);

   }

   return null;

 }

思维拓展：

有一个select标签

获取地址栏参数，把选中option内容加到地址栏后面

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="utf-8" />

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

         <script>

             function func() {

                 var vs = $('select option:selected').val();

                 alert(vs)

             }

         </script>

     </head>

     <body>

         <select onchange="func()">

             <option value="1">一月</option>

             <option value="2">二月</option>

             <option value="3">三月</option>

             <option value="4">四月</option>

         </select>

         </div>

     </body>

 </html>

这一步的目的是获取选中option的值（各位在引用jquery包的之后要记住别忘了再加script标签，刚写了好几种版本一顿报错。。。。最后发现是标签。。。。。）

在后面就好写了照着上面获取url参数，自己造一个参数，怼进去就完事了

接下来复习下jquery

首先就是初始化方法，我脑子不太灵光，每隔一段时间肯定会忘掉，然后百度搜，记住，在忘掉。。。。

第一种：

 $(document).ready(function(){

      xxxxxxxxx

 });

第二种：

 $(function(){

      xxxxxxxxx

 });

第三种：

 jQuery(function($){

      xxxxxxxxx

 });

再就是最基本的选择器

class用"." id用“#”

jquery极大地提高了编码效率，替代了js中document.getElementByxxx之类的笨重方法

不过在使用jquery的时候要记住不要出现重复的class或者id（除非你是故意的）

还有一个标签可以定义多个class

就像这样：

 <div class="a b c"></div>

中间用空格隔开。

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

jquery的应用：如何根据一个值来动态让对应的option选中

 $("#select_id option[value='1']").removeAttr("selected"); 根据值去除选中状态

 $("#select_id option[value='"+msg.data.categoryId+"']").attr("selected","selected"); 根据值让option选中

 <select id="select_id" >

     <option value="" >请选择</option>

     <option value="">苏宁易购</option>

     <option value="">天猫旗舰店</option>

     <option value="">国美商城</option>

     <option value="">华为商城</option>

     <option value="">1号店</option>

 </select>

写个js/jquery方法：

上来先将获取到的url+“&type=all”

然后选择下拉框内容（all,a,b三个），选完之后将&type=all替换为&type=a这样

然后页面跳转到 &type=a结尾的url

注意：js中判断是否为空要写作 ===null 或者 !==null 这个我是真的没印象，彻底记住！！！

var url = window.location.href;
if(getUrlParams("type") == null) {
window.location.href = url + "&type=ALL";
}

$(document).ready(function(){
$(".planChoose").find("option[value ='"+getUrlParams("type")+"']").attr("selected","selected");
});

function getUrlParams(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]);
return null;
}

$(document).ready(function(){

$('.planChoose').change(function(){
var newurl = url.replace(getUrlParams("type"),$('.planChoose option:selected').val());
window.location.href = newurl;
})
});

</script>

--------------------------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------------------------------

关于window.location：

var a = window.location.href; 获取当前url

window.location.href="www.xxxxxxxxxxxxxxx.com"; 跳转到www.xxxxxxxxxxxxxxx.com

--------------------------------------------------------------------------------------------------------------------------------------

js中replace的用法

replace方法的语法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，

reExp可以是正则表达式对象(RegExp)也可以是字符串(string)，

replaceText是替代查找到的字符串。

为了帮助大家更好的理解，下面举个简单例子说明一下

var stringObj="终古人民共和国，终古人民";

//替换错别字“终古”为“中国”

//并返回替换后的新字符

//原字符串stringObj的值没有改变

var newstr=stringObj.replace("终古","中国");

alert(newstr);

</script>

前端因为有段时间没研究 md退化了！！好气

学就完了！

在就没啥可说的了，md写困了，等有力气了再把我个人用的不太熟练的jquery方法记录下来

那今天就到这里了下期再见！

JS获取地址栏参数&jquery的更多相关文章

【功能代码】---4用JS获取地址栏参数方法
用JS获取地址栏参数方法 // 方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!) function GetQueryString(name) { var reg = new Reg ...
（转）用JS获取地址栏参数的方法（超级简单）
转自http://www.cnblogs.com/fishtreeyu/archive/2011/02/27/1966178.html 用JS获取地址栏参数的方法(超级简单) 方法一:采用正则表达式获 ...
【JS】---4用JS获取地址栏参数方法
用JS获取地址栏参数方法 // 方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!) function GetQueryString(name) { var reg = new Reg ...
用JS获取地址栏参数的方法
采用正则表达式获取地址栏参数: function GetQueryString(name) { var reg = new RegExp("(^|&)"+ nam ...
用JS获取地址栏参数的方法（超级简单）
方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!) function GetQueryString(name) { var reg = new RegExp("( ...
JS获取地址栏参数
获取地址栏参数(其中name为你所需要的参数值) function GetQueryString(name) { var reg = new RegExp("(^|&)" ...
JS 获取地址栏参数
法一:正则表达式 /** * 采用正则表达式获取地址栏参数: **/ var GetQueryString = function (name) { var reg = new RegExp(" ...
转：用JS获取地址栏参数的方法（超级简单）
转载链接: http://www.cnblogs.com/fishtreeyu/archive/2011/02/27/1966178.html 方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实 ...
[转]用JS获取地址栏参数的方法（超级简单）
本文转自:http://www.cnblogs.com/fishtreeyu/archive/2011/02/27/1966178.html 方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用 ...

随机推荐

【学习笔记】dsu on tree
我也不知道为啥这要起这名,完完全全没看到并查集的影子啊…… 实际上原理就是一个树上的启发式合并. 特点是可以在$O(nlogn)$的时间复杂度内完成对无修改的子树的统计,复杂度优于莫队算法. 局限性也 ...
伸展树的实现——c++
一.介绍伸展树(Splay Tree)是一种二叉排序树,它能在O(log n)内完成插入.查找和删除操作.它由Daniel Sleator和Robert Tarjan创造.(01) 伸展树属于二叉 ...
程序猿的日常——Java基础之抽象类与接口、枚举、泛型
再次回顾这些基础内容,发现自己理解的又多了一点.对于一些之前很模糊的概念,渐渐的清晰起来. 抽象类与接口抽象类通常是描述一些对象的通用方法和属性,并且默认实现一些功能,它不能被实例化.接口仅仅是描述 ...
萝卜保卫战3内购破解+Toast窗口增加（Love版）
涉及到一些不同的破解的方法,以及不同的破解思路,还有一些重要权限的删除等. 作者:HAI_ 这次目标是经常玩的萝卜保卫战,不知不觉,已经更新到3了.详细分析请参考https://bbs.ichunqi ...
MySQL远程登陆解决
第一句:以权限用户root登录第二句:选择mysql库第三句:查看mysql库中的user表的host值(即可进行连接访问的主机/IP名称) 第四句:修改host值(以通配符%的内容增加主机/IP ...
vector.clear()不能用来清零
vector.clear()函数并不会把所有元素清零,笔者就曾经这样幻想过这个函数的作用,然而事实证明并不是. vector有两个参数,一个是size,表示当前vector容器内存储的元素个数,一个是 ...
J02-Java IO流总结二《概述》
1 流的概念流是一个信息的通道,通过通道可以访问通道连接的文件对象. 2 流的分类根据流中数据的流向,可分为输入流和输出流输入流:从其他的地方流入到程序内存中的,比如InputStream. ...
Linux CentOS7系统配置nginx服务器
作为一个以服务器为主要市场的操作系统,主要就是对客户端的请求进行响应,进行处理的.在经历过系统镜像安装和本地配置好ssh功能后,接下来进行服务器的安装,这里我以nginx为主,介绍一下如何安装ngin ...
解决Mysql Workbench的Error Code: 1175错误无法删除数据
使用workbench,如果你要批量更新或删除数据,一般会报“ Error Code: 1175 You are using safe update mode and you tried to upd ...
centos 7 nginx 安装
1.下载nginx rpm包下载地址:http://nginx.org/packages/mainline/centos/7/x86_64/RPMS/ ,可查看所有安装包从中如下载: wget h ...

JS获取地址栏参数&jquery

js中replace的用法

JS获取地址栏参数&jquery的更多相关文章

随机推荐

热门专题