js获取页面url中的各项值

简介:

一、 通过window.location获取各项参数

1、获取页面完整的url

url = window.location.href;

2、获取页面的域名

host = window.location.host;

host2=document.domain;

 

应用场景:页面跳转,开发环境和测试环境域名不同,所以需要动态获取后进行拼接跳转的url。

二、javascript正则获取url中的参数

1、通过substr配合split获取

复制代码

//正则获取url中的参数
    function URL_Request(strName) {    var strHref = document.location.toString();    var intPos = strHref.indexOf("?");    var strRight = strHref.substr(intPos + 1); //==========获取到右边的参数部分
    var arrTmp = strRight.split("&"); //=============以&分割成数组

    for (var i = 0; i < arrTmp.length; i++) //===========循环数组    {        var dIntPos = arrTmp[i].indexOf("=");        var paraName = arrTmp[i].substr(0, dIntPos);        var paraData = arrTmp[i].substr(dIntPos + 1);        if (paraName.toUpperCase() == strName.toUpperCase()) {            return paraData;
        }
    }    return "";
    }

复制代码

使用:

var pbtradeId=URL_Request("tradeId");

2、通过split获取【update20170503】

复制代码

function getQueryString(str, key) {    if(str) {        var queryString = str.split('?')[1] || '';        var arr = queryString.split('&') || [];        for(var i = 0; i<arr.length; i++) {            var keyString = decodeURIComponent(arr[i].split('=')[0]);            var valueString = decodeURIComponent(arr[i].split('=')[1]);            if(key === keyString) {                return valueString;
            }
        }        return;
    } else {        return;
    }
}
getQueryString(location.search, 'pageId');

复制代码

本文转自帅气的头头博客51CTO博客,原文链接http://blog.51cto.com/12902932/1926158如需转载请自行联系原作者


sshpp

相关文章
|
3月前
|
Web App开发 缓存 前端开发
【面试题】从输入 URL 到页面显示,这中间发生了什么?
【面试题】从输入 URL 到页面显示,这中间发生了什么?
|
7月前
|
移动开发 小程序
小程序-uniapp:URL Link / 适用于在移动端 从短信、邮件、微信外网页 等场景打开小程序任意页面
小程序-uniapp:URL Link / 适用于在移动端 从短信、邮件、微信外网页 等场景打开小程序任意页面
252 0
|
6月前
|
小程序 前端开发 PHP
PHP实现生成小程序二维码带参数进入指定页面、小程序URL scheme实现携带数据跳转小程序
PHP实现生成小程序二维码带参数进入指定页面、小程序URL scheme实现携带数据跳转小程序
|
16天前
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
|
4月前
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
|
1月前
|
Web App开发 缓存 网络协议
|
6月前
|
缓存 前端开发 JavaScript
【前端用法】jquery获取当前页面的URL信息
【前端用法】jquery获取当前页面的URL信息
52 0
|
3月前
|
前端开发
如何让url在新页面打开路由页面,并脱离vue-admin-template的壳,即不包裹在侧边栏和顶栏中
如何让url在新页面打开路由页面,并脱离vue-admin-template的壳,即不包裹在侧边栏和顶栏中
24 0
|
3月前
|
缓存 网络协议 前端开发
面试题:浏览器中输入URL返回页面过程?
面试题:浏览器中输入URL返回页面过程?
90 0
|
8月前
|
域名解析 JavaScript 前端开发
从浏览器地址栏输入url到显示页面的步骤?
1.浏览器根据请求的 URL 交给 DNS 进行域名解析,找到真实 IP 地址,向服务器发起请求 2.服务器交给后台处理完成后返回数据,浏览器接收文件(HTML、CSS、JS、images等); 3.浏览器对加载到的资源(HTML、CSS、JS、images等)进行语法解析,建立相应的内部数据结构(如HTML的DOM); 4.载入解析到的资源文件,渲染页面,完成。
159 0

热门文章

最新文章