通过jquery获取到屏幕高度,借助屏幕高度设置div的高度
时间: 2023-09-07 11:02:06 浏览: 81
在jQuery中,可以使用`$(window).height()`来获取屏幕的高度。使用这个方法,可以将屏幕高度设置为div的高度。
首先,我们需要给div设置一个唯一的ID,例如`myDiv`。然后,可以使用以下代码来获取屏幕高度并设置div的高度:
```javascript
$(document).ready(function(){
var screenHeight = $(window).height(); // 获取屏幕高度
$('#myDiv').css('height', screenHeight + 'px'); // 将屏幕高度设置为div的高度
});
```
在上述代码中,`$(document).ready()`函数用于确保DOM已加载完毕后再执行后续操作。`$(window).height()`用于获取屏幕的高度并将其赋值给`screenHeight`变量。接下来,使用`$('#myDiv')`来选取具有`myDiv` ID的div元素,并使用`css()`方法来将屏幕高度设置为div的高度。
最后将代码保存为一个.js文件,并在HTML页面中引入jQuery库和这个.js文件,即可实现通过jQuery获取屏幕高度并设置div的高度。
相关问题
jquery 获取屏幕的高度
可以使用jQuery中的`$(window).height()`来获取屏幕的高度,代码如下:
```javascript
var screenHeight = $(window).height();
console.log(screenHeight); // 屏幕高度
```
这将返回一个整数,表示浏览器窗口的高度。注意,这并不是屏幕分辨率的高度,而是浏览器窗口的高度。
js div获取屏幕的高度
可以使用JavaScript的`window.innerHeight`属性来获取浏览器窗口的高度,从而获取屏幕的高度。例如,可以使用以下代码获取屏幕的高度:
```javascript
var screenHeight = window.innerHeight;
console.log('屏幕高度为:' + screenHeight + 'px');
```
另外,还可以使用jQuery的`$(window).height()`方法来获取屏幕的高度,例如:
```javascript
var screenHeight = $(window).height();
console.log('屏幕高度为:' + screenHeight + 'px');
```