最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

js获取height和width的方法说明_基础知识

来源:动视网 责编:小采 时间:2020-11-27 21:06:34
文档

js获取height和width的方法说明_基础知识

js获取height和width的方法说明_基础知识: 代码如下: js获取height和width总结 $(document).ready(function() { alert(浏览器当前窗口可视区域高度:+$(window).height()); //浏览器当前窗口可视区域高度 alert(浏览器当前窗口文档的高度:+$(document).height
推荐度:
导读js获取height和width的方法说明_基础知识: 代码如下: js获取height和width总结 $(document).ready(function() { alert(浏览器当前窗口可视区域高度:+$(window).height()); //浏览器当前窗口可视区域高度 alert(浏览器当前窗口文档的高度:+$(document).height


代码如下:



js获取height和width总结



$(document).ready(function()
{
alert("浏览器当前窗口可视区域高度:"+$(window).height()); //浏览器当前窗口可视区域高度
alert("浏览器当前窗口文档的高度:"+$(document).height()); //浏览器当前窗口文档的高度
alert("浏览器当前窗口文档body的高度:"+$(document.body).height());//浏览器当前窗口文档body的高度
alert("浏览器当前窗口文档body的总高度 包括border padding margin:"+$(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert("浏览器当前窗口可视区域宽度:"+($(window).width())); //浏览器当前窗口可视区域宽度
alert("浏览器当前窗口文档对象宽度:"+$(document).width());//浏览器当前窗口文档对象宽度
alert("浏览器当前窗口文档body的高度:"+$(document.body).width());//浏览器当前窗口文档body的高度
alert("浏览器当前窗口文档body的总宽度 包括border padding margin:"+$(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
alert("显示器分辨率,只能用JavaScript代码获取高度:"+screen.height);//显示器分辨率,只能用JavaScript代码获取
alert("显示器分辨率,只能用JavaScript代码获取宽度:"+screen.width);
}) ;





  • 网页可见区域宽: document.body.clientWidth

  • 网页可见区域高: document.body.clientHeight

  • 网页可见区域宽: document.body.offsetWidth (包括边线的宽)

  • 网页可见区域高: document.body.offsetHeight (包括边线的高)

  • 网页正文全文宽: document.body.scrollWidth

  • 网页正文全文高: document.body.scrollHeight

  • 网页被卷去的高: document.body.scrollTop

  • 网页被卷去的左: document.body.scrollLeft

  • 网页正文部分上: window.screenTop

  • 网页正文部分左: window.screenLeft

  • 屏幕分辨率的高: window.screen.height

  • 屏幕分辨率的宽: window.screen.width

  • 屏幕可用工作区高度: window.screen.availHeight

  • 屏幕可用工作区宽度: window.screen.availWidth




  • 文档

    js获取height和width的方法说明_基础知识

    js获取height和width的方法说明_基础知识: 代码如下: js获取height和width总结 $(document).ready(function() { alert(浏览器当前窗口可视区域高度:+$(window).height()); //浏览器当前窗口可视区域高度 alert(浏览器当前窗口文档的高度:+$(document).height
    推荐度:
    标签: 获取 的方法 js
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top