html 网页为何不断刷新？
初学者常会遇到这样的问题：一段看似简单的 HTML 代码打开网页后会不断刷新。代码如下：
<!DOCTYPE html>
<html>
<head></head>
<body>
<script>
var location = window.location;
</script>
</body>
</html>移除行 var location = window.location; 后，刷新现象便会消失。那么，问题出在哪里呢？
答案在于变量提升。在 JavaScript 中，最顶层的变量会提升为全局变量并挂载到 globalThis 对象上。对于浏览器，globalThis 即 window 对象。因此，这段代码等效于：
window.location = window.location;
每重新为 location 赋值都会触发浏览器重新加载页面，但由于新地址与旧地址相同，导致页面陷入无限刷新循环。
立即学习“Java免费学习笔记（深入）”；
解决办法有几种：
const location = window.location;
;(function () {
var location = window.location;
})();以上就是HTML 网页为何不断刷新？ - JavaScript 变量提升导致的无限循环问题的详细内容，更多请关注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号
910
