javascript - JS - 如果窗口高度小于 ___px,请执行某些操作 - 这段代码有什么问题?

标签 javascript html height

如果用户的浏览器高度小于某个值,我会尝试将用户发送到不同的网址。我希望它一直检查这一点,因此使用了 setInterval 函数。我看不出它有什么问题......

这是我正在使用的代码:

<script type="text/javascript">
        //if window height is less than 605px, go to google
    setInterval(function changeFont() {
    if (window.innerHeight < 605) {
    window.location = "http://google.com";

    }
    }, 1);
    </script>

在此之前,我运行了这段代码,效果很好:

<script type="text/javascript">

    //if window is wider than 1340px, send to desktop
    setInterval(function sendToDesktop() {
    if (window.innerWidth >= 1340) {
    window.location = "../index.html";
    }
    }, 1);

    </script>

当我使用屏幕高度代码时,即使屏幕高度低于 605 像素,重定向也不起作用。我在这里遗漏了什么明显的东西吗?

最佳答案

问题是时间,你给出了 1.. 意味着小于毫秒...你给出了一个非常小的值。
所以发生的情况是脚本执行得太快以至于不会发生重定向。
我对此进行了测试,提供了 10000 次安装,并且成功了!所以你必须更改 1 或使用下面所示的代码(它每次都会检查窗口高度)

<script> function setWindowHeight(){ var windowHeight = window.innerHeight; if (windowHeight < 605) { window.location = "<a href="http://google.com" rel="noreferrer noopener nofollow">http://google.com</a>"; } } window.addEventListener("resize",setWindowHeight,false); </script>

关于javascript - JS - 如果窗口高度小于 ___px,请执行某些操作 - 这段代码有什么问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31221601/

相关文章:

android - 更改 RelativeLayout 高度

javascript - 匹配特殊字符之间的最后一个字符串

javascript - 数据表导出删除后的值

javascript - 构造失败 'FormData'

html - 从网站缩放功能中抓取大图像

CSS 高度 100% 问题

javascript - jQueryMobile 显示错误的 height() 值

javascript - 为什么我不能选择所有具有存储在变量中的属性值的元素?

html - 如何在 Bootstrap 中的 img 右下角放置徽章?

html - 批量系统信息?