html页面为何持续刷新？
前端新手可能遇到过以下情况：一段 HTML 代码会让页面不停刷新。代码如下：
<!DOCTYPE html>
<html>
<head> </head>
<body>
<script>
var location = window.location;
</script>
</body>
</html>注释掉 var location = window.location; 后，页面刷新将停止。问题到底出在哪？
答案在于 JavaScript 的变量声明。在最顶层声明的 var 变量会隐式挂载到 globalThis 对象上，在浏览器中即为 window 对象。因此，该代码等效于 window.location = xxx。无论 xxx 值是什么，都会重新分配 location 值，从而触发浏览器重新加载，因为新 location 与旧 location 指向相同页面。
解决方法有两种：
立即学习“前端免费学习笔记（深入）”；
const location = window.location;
;(function () {
var location = window.location;
})();更稳妥的做法是避免使用浏览器提供的 BOM 全局对象作为变量名。
以上就是为什么我的 HTML 页面一直刷新？的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
930
