ใช้กันทั่วไป:
JS รับขนาดหน้าต่างเบราว์เซอร์
คัดลอกรหัสรหัสดังนี้:
// รับความกว้างของหน้าต่าง
if (window.innerWidth)
winwidth = window.innerWidth;
อื่นถ้า ((document.body) && (document.body.clientwidth)))
winWidth = document.body.clientwidth;
// รับความสูงของหน้าต่าง
if (window.innerHeight)
winHeight = window.innerHeight;
อื่นถ้า ((document.body) && (documen.body.clientheight)))
winHeight = document.body.clitingHeight;
// ผ่านด้านในของการตรวจจับภายในเอกสารขนาดของหน้าต่างจะได้รับ
if (document.documentElement && document.documentlement.clintheighheighheighheighheigh && documentElementWidth)
-
winHeight = document.documentedlement.clientheight;
winWidth = document.documentElement.ClientWidth;
-
รายละเอียด:
คุณสามารถดูขนาดของหน้าต่างเพื่อรับเบราว์เซอร์ที่หลากหลาย:
<script>
ฟังก์ชั่น getinfo ()
-
var s = "";
s = "หน้าเว็บสามารถมองเห็นพื้นที่กว้าง:" document.body.clientwidth;
s = "เว็บเพจที่มองเห็นได้สูง:" document.body.clientheight;
s = "หน้าเว็บหน้าความกว้างที่มองเห็นได้:" document.body.offsetWidth "(รวมถึงความกว้างของขอบและแถบกลิ้ง)";
s = "หน้าเว็บที่มองเห็นได้สูงพื้นที่:" document.body.offsetheight "(รวมถึงความกว้างของขอบ)";
s = "ข้อความหน้าเว็บความกว้างข้อความแบบเต็ม:" document.body.scrollwidth;
s = "ข้อความหน้าเว็บข้อความเต็มสูง:" document.body.scrollheight;
s = "ff) ที่ม้วนออกไปโดยหน้าเว็บ:" document.body.scrolltop;
S = "IE) ของ" หน้าเว็บจะเปิดตัว (เช่น): "document.documentelement.scroltop;
s = "หน้าเว็บถูกม้วนขึ้นทางด้านซ้าย:" document.body.scrollleft;
s = "ส่วนข้อความหน้าเว็บ:" window.screentop;
s = "ส่วนข้อความหน้าเว็บซ้าย:" window.screenleft;
s = "ความละเอียดหน้าจอ:" window.screen.height;
s = "ความกว้างความละเอียดหน้าจอ:" window.screen.width;
s = "หน้าจอความสูงพื้นที่ทำงาน:" window.screen.availheight;
S = "หน้าจอความกว้างพื้นที่ทำงาน:" window.screen.availwidth;
s = "การตั้งค่าหน้าจอของคุณคือ" window.screen.colordepth "in color";
s = "การตั้งค่าหน้าจอของคุณ" screen.devicexdpi "Pixel/Inch";
// แจ้งเตือน;
-
getinfo ();
</script>
ในการทดสอบในพื้นที่ของฉัน:
คุณสามารถใช้ภายใต้ IE, Firefox, Opera
document.body.clientwidth
document.body.clitingheight
สามารถรับได้ง่ายและสะดวกมาก
และในโครงการ บริษัท :
โอเปร่ายังคงใช้
document.body.clientwidth
document.body.clitingheight
แต่ใช้เช่นและ firefox
document.documentelement.clientwidth
document.documentelement.clientheight
มันกลายเป็นมาตรฐานของ W3C
<!
หากคุณเพิ่มบรรทัดนี้ในหน้าเว็บมันอยู่ใน IE:
document.body.clientwidth ==> ความกว้างของวัตถุร่างกาย
document.body.clitingHeight ==> ความสูงของวัตถุร่างกาย
Document.DocumentElement.ClientWidth ==> ความกว้างของพื้นที่ที่มองเห็นได้
document.documentelement.clientheight ==> ความสูงของพื้นที่ที่มองเห็นได้
ใน Firefox:
document.body.clientwidth ==> ความกว้างของวัตถุร่างกาย
document.body.clitingHeight ==> ความสูงของวัตถุร่างกาย
Document.DocumentElement.ClientWidth ==> ความกว้างของพื้นที่ที่มองเห็นได้
document.documentelement.clientheight ==> ความสูงของพื้นที่ที่มองเห็นได้
ในโอเปร่า:
document.body.clientwidth ==> ความกว้างของพื้นที่ที่มองเห็นได้
document.body.clitingHeight ==> ความสูงของพื้นที่ที่มองเห็นได้
Document.DocumentElement.ClientWidth ==> ความกว้างของวัตถุหน้า (เช่นความกว้างของวัตถุร่างกายบวกความกว้างมาร์จิ้น)
document.documentelement.clientheight == >> ความสูงของวัตถุหน้า (นั่นคือความสูงของวัตถุร่างกายบวกระยะขอบสูง)
และหากไม่มีคำจำกัดความมาตรฐานของ W3C แล้ว
คือคือ:
Document.DocumentElement.ClientWidth ==> 0
document.documentelement.clientheight ==> 0
Firefox คือ:
document.documentelement.clientWidth ==> ความกว้างของวัตถุหน้า (เช่นความกว้างของวัตถุร่างกายบวกความกว้างมาร์จิ้น) เอกสาร. documenetelement.clientheight ==> หน้าความสูงของวัตถุหน้า (นั่นคือความสูงของวัตถุร่างกายบวกระยะขอบสูง)
โอเปร่าคือ:
document.documentelement.clientWidth ==> ความกว้างของวัตถุหน้า (เช่นความกว้างของวัตถุร่างกายบวกความกว้างมาร์จิ้น) เอกสาร. documenetelement.clientheight ==> หน้าความสูงของวัตถุหน้า (นั่นคือความสูงของวัตถุร่างกายบวกระยะขอบสูง)