location.search什么意思?location.search怎么用?

2024年04月17日 location search 懒猪技术

我们在JS中可以通过location.search设置或获取网页地址跟在问号后面的部分,当以get方式在url中传递了请求参数时,可以利用location的search属性提取参数的值,今天我们详情讲下location.search的使用方法。



一、location.search是什么意思?

url中问号后面的一串字符源,一般用来传递数据用的。location包含了关于当前 URL 的信息,location 对象描述了与一个给定的 Window对象关联的完整url。location对象的每个属性都描述了url的不同特性,那么location.search 主要是取url?后的部分。

location.search:获取的是?的参数

location.href:获取的是整个url

实例列举:


返回URL的查询部分,假设当前的URL是:

http://www.runoob.com/submit.htm ?email=someone@ example.com

<script>
document.write(location.search);
</script>

以上实例输出结果:

?email=someone@example.com

二、location.search怎么使用?

search属性是一个可读可写的字符串,可设置或返回当前URL的查询部分( 问号?及其之后的部分),下面的代码把参数的名称和对应的值存储在2个数组中。

<script>
function test()
{
var url=window.location.search;
if(url.indexOf("?")!=-1)
{
var str = url.substr(1)
strs = str.split("&");
var key=new Array(strs.length);
var value=new Array(strs.length);
for(i=0;i<strs.length;i++)
{
key[i]=strs[i].split("=")[0]
value[i]=unescape(strs[i].split("=")[1]);
alert(key[i]+"="+value[i]);
}
}
}
< /script>

window.location 对象所包含的属性:



JS 脚本捕获页面 GET 方式请求的参数?其实直接使用 window.location.search 获得,然后通过 split 方法结合循环遍历自由组织数据格式。

大概处理如下:

var searchURL = window.location.search;
searchURL = searchURL.substring(1, searchURL.length);
var targetPageId = searchURL.split("&")[0].split("=")[1];

以上是博主详情整理分享的关于JS中window.location.search的用法和作用,希望能给大家一个参考。

本文链接:http://so.lmcjl.com/news/2360/

展开阅读全文
相关内容