zoukankan      html  css  js  c++  java
  • 使用jquery获取url以及jquery获取url参数的方法

     使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作
    
    1、jquery获取url很简单,代码如下
    
    1.window.location.href;
    
    其实只是用到了javascript的基础的window对象,并没有用jquery的知识
    
    2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情
    
    首先看看单纯的通过javascript是如何来获取url中的某个参数
    1.function getUrlParam(name)
    2.{
    3.var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
    4.var r = window.location.search.substr(1).match(reg);  //匹配目标参数
    5.if (r!=null) return unescape(r[2]); return null; //返回参数值
    6.} 
    通过这个函数传递url中的参数名就可以获取到参数的值,比如url为
    http://www.xxx.loc/admin/write-post.php?cid=79
    我们要获取cid的值,可以这样写:
    1.getUrlParam('cid');
    
    明白了javascript获取url参数的方法,我们可以通过这个方法为jquery扩展一个方法来通过jquery获取url参数,下面的代码为jquery扩展了一个getUrlParam()方法
    
    1.(function($){
    2.$.getUrlParam = function(name)
    3.{
    4.var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    5.var r = window.location.search.substr(1).match(reg);
    6.if (r!=null) return unescape(r[2]); return null;
    7.}
    8.})(jQuery);
    
    为jquery扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了
    1.$.getUrlParam('cid');
  • 相关阅读:
    字符串加密
    接口实例
    RecyclerView添加Hearder
    基于Vue实现图片在指定区域内移动
    Tinymce 编辑器添加自定义图片管理插件
    LocalStorage和sessionStorage之间的区别
    javascript之url转义escape()、encodeURI()和decodeURI(),ifram父子传参参数有中文时出现乱码
    Js实现简单的音频播放
    通用CSS命名规范
    Hbuilder常用功能汇总
  • 原文地址:https://www.cnblogs.com/vofill/p/5535335.html
Copyright © 2011-2022 走看看