window.location.href = window.location.href刷新页面的问题

最新推荐文章于 2022-10-21 16:17:40 发布

BigBird2012

最新推荐文章于 2022-10-21 16:17:40 发布

阅读量6k

点赞数

分类专栏： JavaScript 文章标签： button url input

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

论window.location.href = window.location.href刷新页面的问题

在JS中可以用window.location.href = window.location.href来刷新页面（当然还有很多其他的方法），

在使用这个方法刷新页面的时候回出现问题，如下：

<body οnlοad='alert("aaa");'>   
<script>function refresh()   
{      
       window.location.href = window.location.href;   
}   
</script>   
  
<a href ='#'>###</a>   
<input type ='button' value='button' οnclick='refresh();' />   
</body>

分析这段代码你会发现，当点击###后，再点击Button页面不会刷新。

想必看到这里你已经知道问题所在，就是在点击###后,Url上会加上一个#,

于是refresh()方法就变成了 window.location.href ="www.something.com/test.aspx#"

成为了一个锚点。

我的解决方法也很简单：

window.location.href = window.location.href.replace(/#/g,'');

替Url中的换所有#

一般来说这样替换不会有问题，url中一般不含有#,替换后也不会导致链接失效。

PS:虽然只是一个小问题，但开发时还是要注意。

每个人都会经过这个阶段，见到一座山，就想知道山后面是什么。我很想告诉他，可能翻过山后面，你会发现没什么特别。回望之下，可能会觉得这一边更好。每个人都会坚持自己的信念，在别人看来，是浪费时间，她却觉得很重要。