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‘);

时间: 2024-10-12 04:47:33

js获取页面url中的各项值的相关文章

佩特来项目经验小集合(1)___js获取前一页面url中传来的值

页面跳转代码: src="AddCLFFour.aspx?ID=<%= Request.QueryString["ID"].ToString() %>"> ,通过" Request.QueryString["ID"].ToString()" 向AddCLFFour传参数ID,在AddCLFFour页面如何获取页面传过来的ID值呢? 下面提供三种方法,简单介绍如何实现js获取前一页面传来的值 1.最简单的方法 

js获取页面url的方法

我们可以用javascript获得其中的各个部分 1, window.location.href 整个URl字符串(在浏览器中就是完整的地址栏) 本例返回值: http://ifisker.com/blog/post/0703/window.location.html# 2,window.location.protocol URL 的协议部分 本例返回值:http: 3,window.location.host URL 的主机部分 本例返回值:www.x2y2.com 4,window.loca

如何用js获取浏览器URL中查询字符串的参数

首先要知道Location这个对象以及这个对象中的一些属性: href:设置或返回完整的url.如本博客首页返回http://www.cnblogs.com/wymninja/ host:设置或返回主机名和当前的URL的端口号.本博客首页返回www.cnblogs.com hostname:设置或返回当前URL的主机名.本博客首页返回www.cnblogs.com hash:设置或返回从井号(#)开始的URL(锚).本博客首页返回 空 pathname:设置或返回当前URL的路径部分.本博客首页

js获取页面URL地址,判断URL是否包含具体值

window.location.pathname //设置或获取对象指定的文件名或路径window.location.href //设置或获取整个 URL 为字符串window.location.port //设置或获取与 URL 关联的端口号码window.location.protocol //设置或获取 URL 的协议部分window.location.hash //设置或获取 href 属性中在井号"#"后面的分段window.location.host //设置或获取 loc

js获取页面容器中的控件id方法即遇到的问题

在实际开发过程中,我们会把一些控件放在容器中,这样生成出来的页面上容器中的控件id就会自动生成前缀+控件id,如果不注意就会导致js获取的时候出现错误. 通过网上查到的资料可以用document.getElementById("<%=btn.ClientID %>")来动态的获取容器中变动的控件id(btn是本来控件的id,btn.ClientID是变化之后的控件id). 但是如果把该代码放在<head runat="server">中执行,

js获取页面url

设置或获取对象指定的文件名或路径. window.location.pathname例:http://localhost:8086/topic/index?topicId=361alert(window.location.pathname); 则输出:/topic/index 设置或获取整个 URL 为字符串.window.location.href例:http://localhost:8086/topic/index?topicId=361alert(window.location.href)

js、jquery获取当前url中各个参数

首先,先把获取各参数的方式再写一遍,相信大家都耳熟能详,就写几个常用的吧. 以此网址https://i.cnblogs.com/EditPosts.aspx?opt=1为例: 1. var url=window.location.href console.log(url)-->https://i.cnblogs.com/EditPosts.aspx?opt=1 获取完整url,包含所有参数. 2. var url=window.location.search console.log(url)--

js获取一个字符串中指定字符串第n次出现的位置

1.JS获取一个字符串中指定字符串第n次出现的位置 了解类似的获取字符位置的方法: 1.1 charAt() 获取字符串指定位置的字符 用法:strObj是字符串对象,index是指定的位置,(位置从0开始数) strObj.charAt(index) 1.2 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置 用法:stringObject是字符串对象,searchvalue是指定的字符串值,fromindex(可有可无)指定开始匹配字符串值的位置,若无,表示从0位置开始

JS获取页面数据执行Ajax请求

下面这个例子展示了如何使用js获取页面中元素的值,并且将这些值作为参数执行Ajax请求. $("#submit-task").bind("click", function (event) { event.preventDefault(); event.stopPropagation(); if(validate() == false){ exit; } var submitBtn = this; // 禁止提交按钮 $(submitBtn).attr('disabl