js---获取url、得到url？号后面的参数、replace()去除字符串的首尾空格

最新推荐文章于 2024-05-28 09:38:43 发布

muzidigbig

最新推荐文章于 2024-05-28 09:38:43 发布

阅读量3.7k

点赞数

分类专栏： js问题锦囊文章标签：获取地址栏的url 获取url上的参数 js去除空白

本文链接：https://blog.csdn.net/muzidigbig/article/details/84850429

版权

js问题锦囊专栏收录该内容

57 篇文章 4 订阅

订阅专栏

首先,我们这里有一个 url,是 http://www.a.com/list/2.html?page=2&color=4&size=3#pic.

我们访问访问这个地址,打开控制台,输入window.location,会得到如下图的结果

一、获取路径

/设置或获取对象指定的文件名或路径。
alert(window.location.pathname);

//设置或获取整个 URL 为字符串。
alert(window.location.href);

//设置或获取与 URL 关联的端口号码。
alert(window.location.port);

//设置或获取 URL 的协议部分。
alert(window.location.protocol);

//设置或获取 href 属性中在井号“#”后面的分段。
alert(window.location.hash);

//设置或获取 location 或 URL 的 hostname 和 port 号码。
alert(window.location.host);

//设置或获取 href 属性中跟在问号后面的部分。
alert(window.location.search);

二、取出url？号后面的参数

总结：用window.location.search可获得?tel=15811296111&status=1&id=100

<script>
var url = 'http://www.deikang.com/index.php?tel=15811296111&status=1&id=100';
var n = url.indexOf('?');
console.log(n);//32
var m = url.substring(n + 1, url.length);
console.log(m);//tel=15811296111&status=1&id=100
var arr = m.split('&');
console.log(arr);//["tel=15811296111", "status=1", "id=100"]
for (var i in arr) {
  //alert(arr[i]);
  //var reg=new RegExp('tel=');
  //test() 方法用于检测一个字符串是否匹配某个模式.
  var reg = /tel=/;
  if (reg.test(arr[i])) {
    console.log(arr[i]);//15811296111
  }
}
</script>

js实现trim() JS去掉首尾空格 JS去掉两头空格

function trimStr(str){ 
    return str.replace(/(^\s*)|(\s*$)/g,""); 
}
console.log(trimStr(' https://blog.csdn.net/muzidigbig '));//https://blog.csdn.net/muzidigbig