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

Question

我已经创建了一个正在执行我想要的JavaScript代码，但它并没有保持“var”实际。

当<nav>的高度大于51px时，它应该更改<header>的浮动。但是当你调整窗口大小时它不会产生任何影响。它在我“刷新”页面时有效，它应该“动态”改变“浮动”。这意味着当某人缩小窗口时，它应该更改，而不是在刷新页面时。

    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

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

如果你的网站上有HTTPS，而不是放http://damina ... put // damina（没有https或http，那么浏览器会根据主网站加载iframe）或https://damina < / p>

希望这有帮助。