ความกว้างของพื้นที่ที่มองเห็นได้ของหน้าเว็บ: document.body.clientwidth;
ความสูงของพื้นที่ที่มองเห็นได้ของหน้าเว็บ: document.body.clientheight;
ความกว้างของพื้นที่ที่มองเห็นได้ของหน้าเว็บ: document.body.offsetWidth (รวมถึงความกว้างของขอบและแถบเลื่อน);
ความสูงของพื้นที่ที่มองเห็นได้ของหน้าเว็บ: document.body.offsetheight (รวมถึงความกว้างของขอบ);
ความกว้างข้อความแบบเต็มของหน้าเว็บ: document.body.scrollwidth;
ข้อความเต็มของหน้าเว็บสูง: document.body.scrollheight;
สูง (ff): document.body.scrolltop;
ความสูงของหน้าเว็บที่กำลังเปิดตัว (เช่น): document.documentelement.scrolltop;
ด้านซ้ายของหน้าเว็บที่กำลังเปิดตัว: document.body.scrollleft;
ในส่วนหลักของหน้าเว็บ: window.screentop;
ด้านซ้ายของข้อความหลักของหน้าเว็บ: window.screenleft;
ความกว้างขององค์ประกอบ: obj.offsetWidth;
ความสูงขององค์ประกอบ: obj.offsetheight;
ระยะทางจากขอบเขตบนขององค์ประกอบไปยังส่วนบนสุดของร่างกาย: obj.offsettop; (ถ้าองค์ประกอบมีองค์ประกอบที่ไม่มีแถบเลื่อน)
ระยะทางจากขอบเขตด้านซ้ายขององค์ประกอบทางด้านซ้ายสุดของร่างกาย: obj.offsetleft; (ถ้าองค์ประกอบมีองค์ประกอบที่ไม่มีแถบเลื่อน)
ส่งคืนออฟเซ็ตจากขอบเขตบนขององค์ประกอบปัจจุบันไปยังขอบเขตบนที่มีองค์ประกอบ: obj.offsettop (ในกรณีที่องค์ประกอบมีองค์ประกอบและมีแถบเลื่อน)
ส่งคืนออฟเซ็ตจากขอบเขตซ้ายขององค์ประกอบปัจจุบันไปยังขอบเขตด้านซ้ายที่มีองค์ประกอบ: obj.offsetleft (ในกรณีที่องค์ประกอบมีองค์ประกอบและมีแถบเลื่อน)
Scrolltop, Scrollleft
ตั้งค่าหรือส่งคืนจำนวนพิกเซลที่เลื่อนไปที่ขอบเขตด้านซ้ายหรือด้านบนขององค์ประกอบ พิกเซลเหล่านี้มีประโยชน์เฉพาะเมื่อองค์ประกอบมีแถบเลื่อนตัวอย่างเช่นเมื่อคุณสมบัติ CSS Overflow ขององค์ประกอบถูกตั้งค่าเป็นอัตโนมัติ คุณสมบัติเหล่านี้จะถูกกำหนดไว้เฉพาะในแท็ก <body> หรือ <html> ของเอกสาร (สิ่งนี้เกี่ยวข้องกับเบราว์เซอร์) และพวกเขาจะกำหนดตำแหน่งของเอกสารการเลื่อน โปรดทราบว่าคุณสมบัติเหล่านี้ไม่ได้ระบุจำนวนการเลื่อนของแท็ก <iframe> นี่เป็นทรัพย์สินที่ไม่ได้มาตรฐาน แต่ได้รับการสนับสนุนเป็นอย่างดี
รหัสข้างต้นสำหรับการได้รับหน้าและองค์ประกอบความสูงและความกว้างของ JS เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น