javascript - 如何创建显示实际值的动态变量？

Question

我创建了一个 JavaScript 代码，它正在执行我想要的操作，但它没有保留“var”实际值。

它应该改变<nav>的 float 当 <header>的高度大于 51px。但是当你调整窗口大小时它不会产生任何效果。当我“刷新”页面时它起作用，它应该“即时”更改“ float ”。这意味着当有人缩小窗口时它应该改变，而不是当您刷新页面时。

    var clientHeight = document.getElementById('header').clientHeight;
if (clientHeight < 51) {
 document.getElementById('nav').style.float = "right";
}
else {
 document.getElementById('nav').style.float = "left";
}

jsFiddle

Answer 1

您代码中的问题是 jsfiddle 使用 HTTPS，而您的链接使用 HTTP，浏览器将阻止此请求，因为它不安全:

如果您的网站上有 HTTPS，而不是输入 http://damina ... put//damina (没有 https 或 http 那么浏览器将根据主网站加载 iframe)或 https://damina

希望这有帮助。