开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

js获取url不带参数

在JavaScript中，获取URL而不带参数的方法可以通过多种方式实现。以下是几种常见的方法：

方法一：使用`window.location`对象

你可以使用window.location对象来获取当前页面的URL，然后通过字符串操作去除查询参数。

function getUrlWithoutParams() {
    var url = window.location.href;
    var index = url.indexOf('?');
    if (index > -1) {
        return url.substring(0, index);
    }
    return url;
}

console.log(getUrlWithoutParams());

方法二：使用正则表达式

你也可以使用正则表达式来匹配并移除URL中的查询参数。

function getUrlWithoutParams() {
    var url = window.location.href;
    return url.replace(/\?.*$/, '');
}

console.log(getUrlWithoutParams());

方法三：使用URL API

现代浏览器支持URL构造函数，可以更方便地处理URL。

function getUrlWithoutParams() {
    var url = new URL(window.location.href);
    return url.origin + url.pathname;
}

console.log(getUrlWithoutParams());

应用场景

页面跳转：在某些情况下，你可能需要在不改变当前页面的情况下获取一个干净的URL用于跳转或分享。
表单提交：在提交表单时，可能需要确保URL不包含任何可能干扰服务器端处理的额外参数。
SEO优化：为了搜索引擎优化，有时需要提供一个没有动态参数的URL版本。

注意事项

上述方法假设URL的查询参数是以?开始的。如果URL结构不规范，可能需要额外的逻辑来处理。
在使用URL API时，需要注意浏览器的兼容性，虽然大多数现代浏览器都支持这一特性。

通过上述方法，你可以有效地从JavaScript中获取不带参数的URL，适用于多种不同的应用场景。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

js获取URL参数

js获取地址栏的字段参数和字段值，通过js函数获取例如： https://test.com/?name=roger https://test.com/hello?...key/values的迭代器 keys()返回包含参数键的迭代器 values()返回一个包含参数值的迭代器其他改变参数的方法，在页面中运行的其他JavaScript中使用(它们不改变URL): append...qs = location.search.substr(1), // 获取url中"?"...q1=abc&q2=efg&q3=h 的url，获取 q1 参数值的方法如下： var qs = getQueryString(); var q1 = qs["q1"]; // abc 用上面两种getQueryString...()方法都能很好地解决获取url的querystring参数问题。

46.6K0 0

js获取url参数

js获取url参数一、 function getUrl(name) { var reg = new RegExp("(\\?...= null) return unescape(r[2]); return null; } 二、 function GetRequest() { var url = location.search...; //获取url中"?"...符后的字串 var theRequest = new Object(); if (url.indexOf("?") !...= -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length

28.5K8 0

js 获取 url 查询参数

id=100 获取 id 的值的 js 代码如下： var id; var href = window.location.href console.log

18.6K5 0

js获取url中的参数

js获取url中的参数 function getRequestPars() { var url = location.search;...//获取url中"?"...符后的字串 var theRequest = new Object(); if (url.indexOf("?") !...= -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length

15.4K1 0

js 获取url 传值参数

function GetUrlParms() { var args=new Object(); var query=location.search.substring(1);//获取查询串...unescape(value);//存为属性 } return args; } var args = new Object(); args = GetUrlParms(); //如果要查找参数...=undefined) { //如果要查找参数key: var value1 = args["id"] ; alert(value1); } | | | | :--------: | :-

36.6K4 0

js获取url上的参数

获取url上的参数 function getUrlParam(name) { if (name == null) { return name; } var

12.1K2 0

js获取url中的参数

js获取url中的参数 function UrlSearch() { var name, value; var str = kk; //取得整个地址栏 var num = str.indexOf...str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ] var arr = str.split("&"...); //各个参数放到数组里 for (var i = 0; i < arr.length; i++) { num = arr[i].indexOf("=");...value = arr[i].substr(num + 1); this[name] = value; } } } 实例 //跳转页面的链接 url...ciPrId="+ciPrId //跳转到的页面使用 var url = new UrlSearch(); ciPrId = url.ciPrId;

15.5K1 0

js从 URL 获取查询参数

从 URL 获取查询参数 function getParameterByName(name, url) { if (!...url) url = window.location.href; name = name.replace(/[\[\]]/g, "\\$&"); var...&]" + name + "(=([^&#]*)|&|#|$)"), results = regex.exec(url); if (!

10.6K2 0

js获取URL中的参数

2015-12-22 03:07:08 一般网页开发中会使用url进行传参，有的采用java的方式或其他的方式，下面我来介绍一下如何通过js来获取url中的参数。...iStart); if (iEnd == -1) return query.substring(iStart); return query.substring(iStart, iEnd); } 这段代码是获取链接里的参数方法

13.8K1 0

js获取url参数的方法

js获取url参数的方法有很多。...("参数名2")); alert(GetQueryString("参数名3"))； 2. function GetRequest() { var url = location.search; //获取...url中"?"...符后的字串 var theRequest = new Object(); if (url.indexOf("?") !...1,参数2,参数3,参数N; 参数1 = Request['参数1']; 参数2 = Request['参数2']; 参数3 = Request['参数3']; 参数N = Request['参数

19.7K5 0

js获取url中的get参数

主要是通过把url中？后半部分取出，&分割为数组调用数组的map函数， map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

10.7K3 0

JS 获取URL中的参数值

javascript js 简单的实现： var urlParams = new URLSearchParams('?...开始的 URL（查询部分）。

17.8K1 0

js获取url地址中的参数

<script type="text/javascript"> function GetQueryString(name) { var ...

18.8K7 0

Js获取当前页面url参数

function getUrlParams(url) { const _url = url ||...window.location.href; const _urlParams = _url.match(/([?

22.1K4 0

从获取URL参数到JS URL()和URLSearchParams() 接口

之前写过《js对replace函数的正则表达式深层次运用！》获取URL参数有有2中，一直是split 切片，一种是正则表达式匹配。这个是传统方法。...如今URL新接口有2种方法获取url参数URL API获取参数new URL('具体参看：https://developer.mozilla.org/en-US/docs/Web/API/URL/URLURLSearchParams...API获取参数onst searchParams = new URLSearchParams("name=value1&key2=value2");let name = searchParams.get...URL()和URLSearchParams() API接口详细介绍 https://www.zhangxinxu.com/wordpress/2019/08/js-url-urlsearchparams...转载本站文章《从获取URL参数到JS URL()和URLSearchParams() 接口》,请注明出处：https://www.zhoulujun.cn/html/webfront/ECMAScript

5.3K0 0

解决js 获取url 参数中文乱码问题

最近在做的项目当中有一个需要在页面上获取url 参数的需求。...= null) return unescape(r[2]); return null; } 但当参数中有中文的时候，就会出现乱码的问题。

4.6K2 0

js获取当前域名、Url、以及Url问号后面的参数

// 获取域名　　1、方法一 var domain = document.domain; //2、方法二 var domain = window.location.host;...//　3、注意问题　　//由于获取到的当前域名不包括 http://， //所以把获取到的域名赋给 a 标签的 href 时，别忘了加上 http://，否则单击链接时导航会出错。...// 获取url var url = window.location.href; // 获取url后面的参数 var url = window.location.href//获取...url地址　　 var str = url.substr(1);　　 var strs= str.split("&");　　 strs

8.8K1 0

Html获取Url参数

的href属性，但是一般在做项目的时候是不会只仅仅跳转的一般是带有一个或者是多个参数的，然后在下一个页面将参数传递过去，这个时候很多的方法都是可以取到的，今天说的是基于jQuery取参数（虽然很简单...name=123&id=1234">点击测试获取url参数这是一个简单的H5页面，显示的效果是： ?...这个时候我们是写了两个参数的，name和id，这个时候我们写一段js： /*获取到Url里面的参数*/ (function ($) { $.getUrlParam = function (name)..." id="addid" /> 我们点击测试URL参数页面： ?...ok，总结一下就是：将js封装起来作为一个工具，以后需要取值的时候可以直接用，直接调用里面的函数就是可以的： $.getUrlParam('name');//name就是您参数里面的名字然后将取出来的参数赋值给一个变量

9.9K1 0

node.js 获取url中的各个参数

("querystring"); 2，创建服务并获取参数： http.createServer(function(req,res){ //获取返回的url对象的query属性值 var arg...console.log("method - " + req.method); //请求的url console.log("url - " + req.url); //获取参数param...console.log("param - " + params.param); //获取参数id console.log("id- " + params.id); }).listen(8020...,'127.0.0.1'); 总结： 1，node.js获取url参数先引入url和querystring两个模块 2，用url.parse方法将url字符串转化为对象，并获取该对象的query...属性（参数列表的字符串） 3，用querystring.parse方法将‘参数列表的字符串’转化为参数列表的对象 4，获取对象中对应参数的值

8K1 0

JSJQ获取url参数

获取页面键值对参数例：html?...id=123 获取url键值对参数 function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)...123 获取url非键值对参数 function GetRequest() { var url = location.search; //获取url中"?"...js的url中的键值对参数例：js?...id=123 用法：GetParameters(id); 代码：获取url非键值对参数 /*! * urlParameters 获取js文件后的url参数组，如：test.js?

4K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭