js原生态写法

 代码如下 复制代码

function getUrlParam(name)
{
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
    var r = window.location.search.substr(1).match(reg);  //匹配目标参数
    if (r!=null) return unescape(r[2]); return null; //返回参数值
}

一个更全面的js写法

 代码如下 复制代码

// 获取地址栏的参数数组
function getUrlParams()
{
    var search = window.location.search ;
    // 写入数据字典
    var tmparray = search.substr(1,search.length).split("&");
    var paramsArray = new Array;
    if( tmparray != null)
    {
        for(var i = 0;i<tmparray.length;i++)
        {
            var reg = /[=|^==]/;    // 用=进行拆分,但不包括==
            var set1 = tmparray[i].replace(reg,'&');
            var tmpStr2 = set1.split('&');
            var array = new Array ;
            array[tmpStr2[0]] = tmpStr2[1] ;
            paramsArray.push(array);
        }
    }
    // 将参数数组进行返回
    return paramsArray ;    
}

// 根据参数名称获取参数值
function getParamValue(name)
{
    var paramsArray = getUrlParams();
    if(paramsArray != null)
    {
        for(var i = 0 ; i < paramsArray.length ; i ++ )
        {
            for(var  j in paramsArray[i] )
            {
                if( j == name )
                {
                    return paramsArray[i][j] ;
                }
            }
        }
    }
    return null ;
}

jquery插件写法

 代码如下 复制代码

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

我们可以用javascript获得其中的各个部分

1, window.location.href
整个URl字符串(在浏览器中就是完整的地址栏)
本例返回值:
2,window.location.protocol
URL 的协议部分
本例返回值:http:
3,window.location.host
URL 的主机部分
本例返回值:www.111cn.net
4,window.location.port
URL 的端口部分
如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符
本例返回值:""
5,window.location.pathname
URL 的路径部分(就是文件地址)
本例返回值:/fisker/post/0703/window.location.html
6,window.location.search
查询(参数)部分
除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值
本例返回值:?ver=1.0&id=6
7,window.location.hash

js获取地址栏url以及获取url参数相关推荐

  1. php 正则替换url参数,JavaScript正则获取地址栏中参数的方法分享

    这篇文章主要介绍了JavaScript正则获取地址栏中参数的方法,涉及javascript基于正则的字符串截取操作相关实现技巧,需要的朋友可以参考下 本文实例讲述了JavaScript正则获取地址栏中 ...

  2. JS中获取地址栏中的参数

    访问地址: var name="中文测试名称"; var name="性别"; var url=contextPath+"/demo.jsp?name ...

  3. js 去掉地址栏内参数_JS获取网站地址栏URL中的参数值并转换成json对象

    点击上方"蓝字",发现更多精彩. 这个问题其实是个很常见的问题,而且在面试中也会经常被提起,其实想实现这个需求也比较简单,就是考察下对数据交互处理基本操作. 开始转化 var ba ...

  4. 地址html后面传参,JS中获取地址栏url后面的参数的三种方法

    这里提供了三种获取地址栏url后面参数的方法: 方式1 传参: window.location.href = "/html/bsp/user/userEdit.html?name=四个空格& ...

  5. javascript/jquery获取地址栏url参数的方法

    本篇文章主要是对javascript/jquery获取地址栏url参数的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助. 使用jquery获取url以及使用jquery获取url参数是我 ...

  6. 获取地址栏URL中参数, getQuerySting()方法

    今天同事用的以前的获取url地址参数获取不到.以前的方法失效了.后面发现是正则表达式bug: 第一种获取方法(针对普通情况的一般够用): function getQueryString(name) { ...

  7. Js获取URL中的指定参数

    平时项目中页面跳转需要携带参数,为方便获取URL中指定参数 整理了两个方法 方法1:URLSearchParams() URLSearchParams对象定义了操作 URL传递参数的方法 //获取ur ...

  8. js 获取地址栏参数

    1:工具文件夹common中创建until.js文件 // 获取地址栏查询参数 const getSearch = (name) => {// 创建一个空参数用来存储查询到的参数let str ...

  9. 用JS获取地址栏参数的方法

    用JS获取地址栏参数的方法(超级简单) 方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!) function GetQueryString(name) {      var reg ...

最新文章

  1. for死循环、怪异字符串、两次return……Python冷知识(三)
  2. 在室内停车场使用道路标记语义进行厘米级建图和定位
  3. VR如何巧妙填补传统数据视觉化的漏洞
  4. python快速入门答案-Python 快速入门笔记(1):简介
  5. 人工智能是互联网下一轮变革的核心
  6. linux 的文件软链接隐藏,Linux inode及硬链接软链接详解
  7. git笔记(廖雪峰版本)
  8. python文件读取每一行操作
  9. linux r后台执行,screen 命令简单用法 Linux后台执行 就用它
  10. werkzeug routing.Map
  11. 查看sql语句执行时间/测试sql语句性能
  12. 甘肃省事业单位公考招聘考试权威复习资料---GIS专业综合复习题(一)
  13. HTML期末大作业——基于html实现传统文化苏绣手工艺带psd设计图视频dw模板
  14. 打印机可以打印不能扫描怎么弄_惠普打印机可以打印但无法扫描的解决办法
  15. 嵌入式软件开发需要学习的知识点
  16. 测试化妆品真假软件,查询化妆品真伪的app叫什么
  17. python学习(二)
  18. matlab实现简单的交互式程序
  19. 任务一: SpringMVC基本应用
  20. 某直播APP逆向TCP协议分析

热门文章

  1. 关于libusb-win32开发的经验
  2. 加密芯片——AES算法特点与应用注意事项
  3. 增强幸福感的五种方法
  4. 结合了人工客服和AI的Fin,可能是Siri最大的竞争对手
  5. 聊聊 rel=noopener
  6. 重新编译hadoop-2.7.2-src的native以支持Snappy解压压缩库
  7. android AIDL 入门讲解非常好的文章(网页代码着色给力)
  8. uboot中DEBUG定义
  9. 全能型 uWSGI 配置
  10. 未来已来?揭开量子计算机的神秘面纱