เมื่อใช้ HTML5 เพื่อพัฒนาภายใต้ Android เพื่อรับขนาดจริงของหน้าจอและอัปโหลดรหัสโดยตรงคุณสามารถผ่านการทดสอบรหัสต่อไปนี้
คัดลอกรหัสดังนี้: <html>
<script>
ฟังก์ชัน A () {
document.write (
"ความละเอียดหน้าจอคือ:"+screen.width+"*"+หน้าจอ
+"<br />"+
"ขนาดหน้าจอที่มีอยู่:"+หน้าจอ AVAILWIDTH+"*"+หน้าจอ availHeight
+"<br />"+
"ความกว้างของพื้นที่ที่มองเห็นได้ของหน้าเว็บ:"+document.body.clientwidth
+"<br />"+
"ความสูงของพื้นที่ที่มองเห็นได้ของหน้าเว็บ:"+document.body.clientheight
+"<br />"+
"ความกว้างของพื้นที่ที่มองเห็นได้ของหน้าเว็บ (รวมถึงความกว้างของขอบ):"+document.body.offsetWidth
+"<br />"+
"ความสูงของพื้นที่ที่มองเห็นได้ของหน้าเว็บ (รวมถึงความกว้างของขอบ):"+document.body.offsetheight
+"<br />"+
"ความกว้างข้อความเต็มของหน้าเว็บ:"+document.body.scrollwidth
+"<br />"+
"ข้อความเต็มของหน้าเว็บสูง:"+document.body.scrollheight
+"<br />"+
"หน้าเว็บมีการเปิดตัวสูง:"+document.body.scrolltop
+"<br />"+
"เว็บเพจจะกลิ้งออกไปจากซ้าย:"+document.body.scrollleft
+"<br />"+
"ในส่วนหลักของหน้าเว็บ:"+window.screentop
+"<br />"+
"ส่วนข้อความหน้างานซ้าย:"+window.screenleft
+"<br />"+
"ความละเอียดหน้าจอสูง:"+window.screen.height
+"<br />"+
"ความกว้างของความละเอียดหน้าจอ:"+window.screen.width
+"<br />"+
"หน้าจอที่มีความสูงพื้นที่ทำงาน:"+window.screen.availheight
+"<br />"+
"หน้าจอความกว้างของพื้นที่ทำงาน:"+window.screen.availwidth
-
-
</script>
<body onload = "a ()">
</body>
</html>
การวางตำแหน่งที่แม่นยำ HTML: Scrollleft, Scrollwidth, ClientWidth, OffsetWidth
Scrollheight: ได้รับความสูงของวัตถุ
Scrollleft: ตั้งค่าหรือรับระยะห่างระหว่างขอบเขตซ้ายของวัตถุและปลายด้านซ้ายสุดของเนื้อหาที่มองเห็นได้ในปัจจุบันในหน้าต่าง
Scrolltop: ตั้งค่าหรือรับระยะห่างระหว่างด้านบนของวัตถุและด้านบนของเนื้อหาที่มองเห็นได้ในหน้าต่าง
Scrollwidth: รับความกว้างการเลื่อนของวัตถุ
Offsetheight: ได้รับความสูงของวัตถุที่สัมพันธ์กับเลย์เอาต์หรือพิกัดหลักที่ระบุโดยคุณสมบัติ OffsetParent ของพิกัดหลัก
Offsetleft: ได้รับตำแหน่งซ้ายที่คำนวณได้ของวัตถุที่สัมพันธ์กับเค้าโครงหรือพิกัดหลักที่ระบุโดยคุณสมบัติออฟเซ็ต PREAT
OFFSETTOP: รับตำแหน่งด้านบนที่คำนวณได้ของวัตถุที่สัมพันธ์กับเค้าโครงหรือพิกัดหลักที่ระบุโดยคุณสมบัติ Oftsettop
Event.Clientx พิกัดแนวนอนที่สัมพันธ์กับเอกสาร
Event.Clienty Drientical Coordinates เทียบกับเอกสาร
Event.offsetx พิกัดแนวนอนที่สัมพันธ์กับคอนเทนเนอร์
เหตุการณ์พิกัดแนวตั้งที่มีความสัมพันธ์กับคอนเทนเนอร์
document.documentelement.scrolltop ค่าของการเลื่อนในแนวตั้ง
event.clientx + document.documentelement.scrolltop สัมพันธ์กับพิกัดแนวนอนของเอกสาร + ปริมาณการเลื่อนในทิศทางแนวตั้ง
คือความแตกต่างของ Firefox มีดังนี้:
IE6.0, ff1.06+:
clientWidth = width + padding
clientHeight = ความสูง + ช่องว่างภายใน
OffsetWidth = Width + Padding + Border
Offsetheight = ความสูง + ช่องว่าง + เส้นขอบ
IE5.0/5.5:
clientWidth = ความกว้าง - ชายแดน
clientHeight = ความสูง - ชายแดน
OffsetWidth = ความกว้าง
Offsetheight = ความสูง
(ควรมีการกล่าวถึงว่าแอตทริบิวต์มาร์จิ้นใน CSS ไม่มีส่วนเกี่ยวข้องกับ ClientWidth, OffsetWidth, ClientHeight และ Offsetheight)
ความกว้างของพื้นที่ที่มองเห็นได้ของหน้าเว็บ: 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
ข้างต้นคือเนื้อหาทั้งหมดของการใช้ JavaScript เพื่อรับขนาดหน้าจอปัจจุบัน ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น