Javascript之回到过去论window.location.href = window.location.href刷新页面的问题

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

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

Code
<body onload='alert("aaa");'>
<script>
function refresh()
{
   window.location.href = window.location.href;
}
</script>
<a href ='#'>###</a>
<input type ='button' value='button' onclick='refresh();'/>
</body>

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

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

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

成为了一个锚点。

我的解决方法也很简单：window.location.href = window.location.href.replace(/#/g,''); 替Url中的换所有#

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

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

鼓励作者写出更好的文章

posted @ 2008-11-20 12:01 amingo 阅读(10051) 评论(35) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

阅读排行：
· 周边上新：园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试？测试工程师会被淘汰吗？
· 使用C#创建一个MCP客户端

缓慢点~好让我打一个哈欠

Javascript之回到过去论window.location.href = window.location.href刷新页面的问题

公告

随笔档案 (29)

缓慢点~好让我打一个哈欠

Javascript之回到过去 论window.location.href = window.location.href刷新页面的问题

公告

随笔档案 (29)

Javascript之回到过去论window.location.href = window.location.href刷新页面的问题