window document html body的区别

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
我电脑屏幕分辨率:1440 * 900

最大化浏览器,刷新浏览器
alert((window).width()+“−−−”+(window).width()+“−−−”+(window).height()); 1423—768
alert((document).width()+“−−−”+(document).width()+“−−−”+(document).height()); 2008—2216
alert((“body”).width()+“−−−”+(“body”).width()+“−−−”+(“body”).height()); 2000—2200

缩小浏览器,刷新页面
alert((window).width()+“−−−”+(window).width()+“−−−”+(window).height()); 变小
alert((document).width()+“−−−”+(document).width()+“−−−”+(document).height()); 不变
alert((“body”).width()+“−−−”+(“body”).width()+“−−−”+(“body”).height()); 不变

由此可看出浏览器窗体模型:
(window):浏览器当前窗口可视化的高度。(window):浏览器当前窗口可视化的高度。(document):整个网页文档流
(“html”):就是html,嘿嘿(“html”):就是html,嘿嘿(“body”):就是body,嘿嘿
————————————————
版权声明:本文为CSDN博主「isxixi」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/isxixi/article/details/78559548

发布了17 篇原创文章 · 获赞 0 · 访问量 432

猜你喜欢

转载自blog.csdn.net/weixin_44805161/article/details/100675246