jquery获取屏幕的宽度/高度相关属性

如何利用jquery获取屏幕的各种宽度和高度，下面web建站小编给大家详细介绍一下具体实现代码！

获取屏幕宽度

$(document).ready(function(){
  console.log('浏览器当前窗口可视区域宽度：',$(window).width()); 
  console.log('浏览器当前窗口文档对象宽度：',$(document).width());
  console.log('浏览器当前窗口文档body的宽度：',$(document.body).width());
  console.log('浏览器当前窗口文档body的总宽度：',$(document.body).outerWidth(true));
})

获取屏幕高度

$(document).ready(function(){
  console.log('获取浏览器当前窗口可视区域高度：',$(window).height());
  console.log('获取浏览器当前窗口文档的高度：',$(document).height());
  console.log('获取浏览器当前窗口文档body的高度：',$(document.body).height());
  console.log('浏览器当前窗口文档body的总高度：',$(document.body).outerHeight(true));
})

原生js获取屏幕的宽度/高度相关属性

标签： outerHeight, outerWidth, 获取屏幕宽度, 获取屏幕高度

上面是“jquery获取屏幕的宽度/高度相关属性”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3565.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！