Window 对象
- หน้าก่อน JS อนุกรมตัวแปร
- หน้าต่อไป Window Console
Window 对象
Object window แสดงหน้าต่างที่เปิดในบราวเซอร์
ถ้าเอกสารมีโฟร์ม (<iframe> โทร์น์) บราวเซอร์จะสร้าง Object หน้าต่างสำหรับเอกสาร HTML และสร้าง Object หน้าต่างเพิ่มเติมสำหรับแต่ละโฟร์ม
Property ของ Object Window
เป้าหมาย | 描述 |
---|---|
closed | คืนค่าว่าหน้าต่างถูกปิดหรือไม่ |
console | 返回窗口的 Object ตัวประกอบ Console。 |
defaultStatus | 已弃用。ตั้งค่าหรือคืนค่าข้อความปริมาณหลังของแถวสถานะ |
document | 返回窗口的 Object ตัวประกอบ Document。 |
frameElement | คืนค่าโฟร์มที่ทำงานในหน้าต่าง |
frames | คืนค่าตัวแปรหน้าต่างที่ทำงานในหน้าต่าง |
history | 返回窗口的 Object ตัวประกอบ History。 |
innerHeight | คืนค่าสูงของพื้นที่แสดงของเอกสารหน้าต่าง |
innerWidth | คืนค่ากว้างของพื้นที่แสดงของเอกสารหน้าต่าง |
length | คืนค่าจำนวนของ <iframe> อิเล็มที่มีในหน้าต่างปัจจุบัน |
localStorage | อนุญาตให้บันทึกข้อมูลคู่กุญแจ/ค่าในเว็บเบราวเซอร์ บันทึกข้อมูลที่ไม่มีกำหนดวันหมดอายุ |
location | 返回窗口的 วัตถุ Location。 |
name | ตั้งค่าหรือคืนค่าชื่อของหน้าต่าง |
navigator | 返回窗口的 วัตถุ Navigator。 |
opener | คืนอ้างอิงถึงหน้าต่างที่สร้างหน้าต่าง |
outerHeight | คืนค่าสูงของหน้าต่างบราวเซอร์ รวมถึงแถวเครื่องมือ/ตรานี้ |
outerWidth | คืนค่ากว้างของหน้าต่างบราวเซอร์ รวมถึงแถวเครื่องมือ/ตรานี้ |
pageXOffset | คืนค่าลูกฟอร์มหลังจากที่เคลื่อนลูกฟอร์มมาจากด้านบนซ้ายของหน้าต่าง (ตามทิศทางตั้งแต่ด้านขวา) |
pageYOffset | คืนค่าลูกฟอร์มหลังจากที่เคลื่อนลูกฟอร์มมาจากด้านบนซ้ายของหน้าต่าง (ตามทิศทางตั้งแต่ด้านบน) |
parent | 返回当前窗口的父窗口。 |
screen | 返回窗口的 Screen ตัวแทน。 |
screenLeft | 返回窗口相对于屏幕的水平坐标。 |
screenTop | 返回窗口相对于屏幕的垂直坐标。 |
screenX | 返回窗口相对于屏幕的水平坐标。 |
screenY | 返回窗口相对于屏幕的垂直坐标。 |
sessionStorage | 允许在 Web 浏览器中保存键/值对。存储会话的数据。 |
scrollX | pageXOffset 的别名。 |
scrollY | pageYOffset 的别名。 |
self | 返回当前窗口。 |
status | 已弃用。请避免使用它。 |
top | 返回最顶层的浏览器窗口。 |
Window 对象方法
方法 | 描述 |
---|---|
alert() | 显示带有消息和确定按钮的警报框(对话框)。 |
atob() | 解码 base-64 编码的字符串。 |
blur() | 从当前窗口移除焦点。 |
btoa() | 以 base-64 编码字符串。 |
clearInterval() | 清除使用 setInterval() 设置的计时器。 |
clearTimeout() | 清除使用 setTimeout() 设置的计时器。 |
close() | 关闭当前窗口。 |
confirm() | 显示对话框,其中包含消息以及确定和取消按钮。 |
focus() | 将焦点设置到当前窗口。 |
getComputedStyle() | 确定应用到一个文档元素的 CSS 样式。 |
getSelection() | 返回 Selection 对象,表示用户选择的文本范围。 |
matchMedia() | 返回 MediaQueryList 对象,表示指定的 CSS 媒体查询字符串。 |
moveBy() | 相对于其当前位置移动窗口。 |
moveTo() | 将窗口移动到指定位置。 |
open() | 打开新的浏览器窗口。 |
print() | 打印当前窗口的内容。 |
prompt() | 用对话框请求输入一条简单的字符串。 |
requestAnimationFrame() | 请求浏览器在下一次重绘之前调用函数来更新动画。 |
resizeBy() | 按指定像素调整窗口大小。 |
resizeTo() | 将窗口大小调整为指定的宽度和高度。 |
scroll() | 已弃用。此方法已被 scrollTo() 方法 取代。 |
scrollBy() | 按指定的像素数滚动文档。 |
scrollTo() | ย้ายแบบเอกสารไปยังตำแหน่งที่ระบุ |
setInterval() | ปฏิบัติการรหัสที่จะทำงานเป็นระยะเวลาที่ระบุ |
setTimeout() | ปฏิบัติการรหัสที่ระบุเวลาหลังจากที่ระบุ |
stop() | หยุดการโหลดหน้าต่าง |
ออบเจกเมท็ดด์ ออบเจกเมอร์
ออบเจกเมท็ดด์ ออบเจกเมอร์ นำเสนอหน้าต่างบราวเซอร์หรือแฟรมเมอร์ documentไม่จำเป็นต้องเขียน window.document
ยังสามารถใช้วิธีของออบเจกเมอร์เป็นฟังก์ชัน อย่างเช่น แค่เขียน alert() ไม่จำเป็นต้องเขียน Window.alert()
นอกจากตัวแปรและวิธีที่ระบุไว้ด้านบนแล้ว ออบเจกเมท็ดด์ยังสนับสนุนตัวแปรและวิธีทั้งหมดที่ระบุโดย JavaScript กลาง
ตัวแปร window ของออบเจกเมท็ดด์ และ ตัวแปร selfทั้งหมดเรียกตัวเองเท่านั้น。เมื่อคุณต้องการระบุให้แน่นอนว่าจะเรียกหน้าต่างปัจจุบัน ไม่ใช่เพียงการเรียกด้วยทางลับ คุณสามารถใช้ตัวแปรเหล่านี้
เพื่อเรียกใช้แฟรมเมอร์ในหน้าต่าง คุณสามารถใช้ภาษาเขียนตามต่อไปนี้
frame[i] //แฟรมเมอร์ของหน้าต่างปัจจุบัน self.frame[i] //แฟรมเมอร์ของหน้าต่างปัจจุบัน w.frame[i] //แฟรมเมอร์ของหน้าต่าง w
เพื่อเรียกใช้หน้าต่างพ่อของแฟรมเมอร์ (หรือแฟรมเมอร์พ่อ) คุณสามารถใช้ภาษาเขียนตามต่อไปนี้
parent //หน้าต่างพ่อของหน้าต่างปัจจุบัน self.parent //หน้าต่างพ่อของหน้าต่างปัจจุบัน w.parent //หน้าต่างพ่อของหน้าต่าง w
เพื่อเรียกใช้หน้าต่างสูงสุดที่มีในหน้าต่างสูงสุดของหน้าต่างนี้ คุณสามารถใช้ภาษาเขียนตามต่อไปนี้
top //หน้าต่างสูงสุดของแฟรมเมอร์ปัจจุบัน self.top //หน้าต่างสูงสุดของแฟรมเมอร์ปัจจุบัน f.top //หน้าต่างสูงสุดของแฟรมเมอร์ f
หน้าต่างบราวเซอร์ระดับสูงใหม่ที่สร้างด้วยวิธี Window.open() ตัวแปร openerและยกตัวย้อนกลับไปยังหน้าต่างที่เปิดมัน
一般来说,Window ออบเจกเมท็ดด์ ใช้สำหรับปฏิบัติการบนหน้าต่างบราวเซอร์หรือแฟรมเมอร์ alert() 方法、confirm() 方法และ prompt 方法แต่แตกต่างกัน พวกเขาจะสื่อสารกับผู้ใช้ผ่านการใช้กล่องโต้ตอบที่ง่าย
- หน้าก่อน JS อนุกรมตัวแปร
- หน้าต่อไป Window Console