ພາສາຈີສະຕິກັສ Window - ກົນລະຍຸດຜູ້ຄົ້ນຫາ

Browser Object Model (Browser Object Model (BOM) ອະນຸຍາດ JavaScript ສາມາດ communicate ກັບ browser.

Browser Object Model (BOM)

ບໍ່ມີ standard official BOM (Browser Object Model).

browser modern ໄດ້ implement method ແລະ property JavaScript interaction (ບໍ່ໄດ້ມີຄວາມຫຼາຍ) ແລະ ໄດ້ສະເໜີຫຼາຍຄື method ແລະ property BOM.

Window object

ທຸກ browser ທັງໝົດໄດ້ສະໜັບສະໜູນ. window object. ມັນສະແດງໃຫ້ເຫັນ window ຂອງ browser.

ທຸກ object JavaScript global, function ແລະ variable ແມ່ນ member ຂອງ object window.

variable global ແມ່ນ property ຂອງ object window.

function global ແມ່ນ method ຂອງ object window.

ແລະ (HTML DOM) document object ກໍ່ແມ່ນ property ຂອງ object window:

window.document.getElementById("header");

ຕົງກັບ:

document.getElementById("header");

ຄວາມກວ້າງຂອງປ້ອງ

ສອງອັນຕານີ້ສາມາດນຳໃຊ້ເພື່ອກວດສອບຄວາມກວ້າງຂອງປ້ອງກັບສະແດງບຸກຄົນ.

ສອງອັນຕານີ້ທັງສອງມີຄວາມກວ້າງທີ່ກັບຕົວຊີ້ວັດ:

  • window.innerHeight - ຄວາມຫຼາຍຂອງປ້ອງກັບສະແດງບຸກຄົນ (ຈັດໃນຕົວຊີ້ວັດ)
  • window.innerWidth - ຄວາມກວ້າງຂອງປ້ອງກັບສະແດງບຸກຄົນ (ຈັດໃນຕົວຊີ້ວັດ)

ປ້ອງກັບສາຍສະແດງບຸກຄົນ (ສາຍສະແດງບຸກຄົນຂອງບູໄຊ) ບໍ່ລວມອຸປະກອນພະແນກລວມກັບຄູ່ສັນຍາລະບາຍ.

ສຳລັບ Internet Explorer 8, 7, 6, 5:

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth

或

  • document.body.clientHeight
  • document.body.clientWidth

一个实用的 JavaScript 解决方案（包括所有浏览器）：

ຄວາມປະສົງ

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

ການທົດລອງດ້ວຍຕົວເອງ

ຄວາມສະແດງຂອງຂະໜາດທາງເທິງແລະທາງດ້ານຂອງປ່ອງວັນປະຈຳປະຈຳການ (ບໍ່ລວມອຸປະກອນເຄື່ອງມືແລະການໄຫຼຄະແນນ):

ການສະແດງການຂອງປ່ອງວັນອື່ນໆ

ການສະແດງການອື່ນໆ:

  • window.open() - ການເປີດປ່ອງວັນໃໝ່
  • window.close() - ການປິດປ່ອງວັນປະຈຳປະຈຳການ
  • window.moveTo() - ການປ່ຽນທິດທາງປ່ອງວັນປະຈຳປະຈຳການ
  • window.resizeTo() - ການດັດແປງຂະໜາດປ່ອງວັນປະຈຳປະຈຳການ