javascript获取屏幕的尺寸
分类:实例代码
本章节介绍一下如何获取显示器屏幕的尺寸。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <style type="text/css"> #antzone { width:150px; height:50px; margin:0px auto; } </style> <script> window.onload = function () { var odiv = document.getElementById("antzone"); odiv.innerHTML = "宽度是:" + screen.availWidth + "<br/>" + "高度是:" + screen.availHeight; } </script> </head> <body> <div id="antzone"></div> </body> </html>
代码非常的简单,更多内容可以参阅相关阅读。
相关阅读:
(1).innerHTML可以参阅innerHTML一章节。
(2).screen.availWidth可以参阅screen.availWidth一章节。
javascript获取屏幕的尺寸,这样的场景在实际项目中还是用的比较多的,关于javascript获取屏幕的尺寸就介绍到这了。
javascript获取屏幕的尺寸属于前端实例代码,有关更多实例代码大家可以查看。