为什么我的 HTML 页面一直刷新？-html教程-PHP中文网

为什么我的 HTML 页面一直刷新？

心靈之曲

发布： 2024-11-14 23:00:30

原创

1280人浏览过

为什么我的 HTML 页面一直刷新？

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 指向相同页面。

解决方法有两种：

PHP开发实用指南 2.0

对于一个刚进入PHP 开发大门的程序员，最需要的就是一本实用的开发参考书，而不仅仅是各种快速入门的only hello wold。在开发的时候，也要注意到许多技巧和一些“潜规则”。PHP是一门很简单的脚本语言，但是用好它，也要下功夫的。同时，由于PHP 的特性，我一再强调，最NB 的PHP 程序员都不是搞PHP 的。为什么呢？因为PHP 作为一种胶水语言，用于粘合后端数据库和前端页面，更多需

387

查看详情

立即学习“前端免费学习笔记（深入）”；

使用 let 或 const 声明变量，使其不被挂载到 globalThis 对象上：

const location = window.location;

登录后复制

使用 IIFE 将变量包装，阻止其进入全局作用域：

;(function () {
    var location = window.location;
})();

登录后复制

更稳妥的做法是避免使用浏览器提供的 BOM 全局对象作为变量名。

以上就是为什么我的 HTML 页面一直刷新？的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

HTML语义化与JavaScript怎么交互_HTML语义化标签与JS的交互方法 HTML5数据集属性怎么用_HTML5dataset属性操作自定义数据的方法 HTML表单数据怎么批量提交_HTML多个表单数据批量提交的实现方法 HTML流式布局怎么实现_HTML流式布局的特点与实现方法 HTML文本排版常见问题有哪些_HTML文本排版常见问题如何快速排查与解决