调整浏览器窗口大小时如何停止页面刷新(跳转)?

Posted

技术标签:

【中文标题】调整浏览器窗口大小时如何停止页面刷新(跳转)?【英文标题】:how to stop Page refreshing ( Jumping) when The browser window is resized? 【发布时间】:2019-12-31 18:31:38 【问题描述】:

当我单击按钮时,加载页面,它加载正常。一旦我调整浏览器的大小,这个页面就会不断刷新。我已经复制了我的布局页面的一部分,它处理按钮。如果我遗漏了什么,你能告诉我吗?

<div class="header-elements d-none">
<div class="d-flex justify-content-center">
<a class="btn btn-link btn-float text-default" asp-area="" asp-controller="Device" asp-action="HeatMap" role="button"><i class="icon-bars-alt text-primary"></i><span>Statistics</span></a>
</div>
</div>

【问题讨论】:

你没有任何javascript代码? 我的布局页面中确实有呈现导航栏。页面中还有其他链接。所以页面不会不断刷新其他链接,并认为可能不是 JavaScript 会导致该问题。 【参考方案1】:

确保“resize”事件上没有注册监听器。 这样一来,您的页面可能会变得对屏幕尺寸无动于衷,即无响应,具体取决于实现响应的方式。

可以为所有屏幕尺寸加载内容,在这种情况下,如果窗口尺寸发生变化,则无需访问服务器。

【讨论】:

更改引导样式解决了这些问题。谢谢您的建议。我没有运行任何侦听器,也找不到它们

以上是关于调整浏览器窗口大小时如何停止页面刷新(跳转)?的主要内容,如果未能解决你的问题,请参考以下文章

调整窗口大小时进行页面刷新(设定定时器)

如何设置点击连接时保持当前窗口跳转 而不是重新打开一个页面?

前端进行页面跳转和页面刷新的方法

js如何获得页面的大小?

JS如何设置并限制浏览器窗口的大小

Jquery 移动弹出窗口在页面调整大小或滚动时的错误位置重新打开