location.search什么意思？location.search如何用？

发布时间：2022-01-12 16:04 所属栏目：19 来源：互联网

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

我们在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 对象所包含的属性：

2223333.jpg

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

大概处理如下：

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

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

（编辑：ASP站长网）