javascript - (HTML)无法将浏览器高度存储到变量中并在用于 div 的类中使用相同的变量?

标签 javascript jquery html css web

如何在jquery中获取浏览器窗口的高度并在CSS中的类中使用它。我使用了这段代码,但它不起作用,需要进行一些修改

<style>
.browserHeight
{
height:h ;
}
</style>

<body>
<div class="container browserHeight"> ANOTHER PAGE 
</div>
</body>

<script>
var h=$(window).height()+"px";
</script>

最佳答案

你不能像这样将变量传递到 CSS 中。但是,使用 jquery,您可以将 CSS 添加到元素。

删除style全部部分。

您的<script>变成:

var h=$(window).height();
$('.browserHeight').css("height",h);

请注意,我删除了 +"px"部分来自您定义 h 的位置.

关于javascript - (HTML)无法将浏览器高度存储到变量中并在用于 div 的类中使用相同的变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41368217/

相关文章:

javascript - 仅追加限制 5 次 jquery .append

html - <h1> 中的行间距太小 : the texts overlap

html - 使用悬停移动 div

javascript - 为什么 jQuery html 在与表单一起使用时,效果与 ReplaceWith 类似?

php - 来自mysql数据库的javascript变量

javascript - 谷歌加一键不起作用(谷歌加一键错误)

javascript - Onload JavaScript 有时不执行

javascript - 命名空间回调函数

javascript - jQuery - 悬停动画

html - CSS 样式表不起作用的问题