Window open() ວິທີການ

ການສະເໜີ ແລະ ການໃຊ້

open() ວິທີການຈະເປີດປ່ອງໃໝ່ຫຼືເຄື່ອງແບບເວັບໄຊຫຼືບັນດາຄວາມຕ້ອງການຂອງພວກເຂົາຕາມການຕັ້ງຕັດຂອງການຕັ້ງຕັດຂອງພວກເຂົາແລະຄຳປະນາມ.

ບໍ່ບໍ່:

close() ວິທີການ

ຄວາມຄິດ

ຕົວຢ່າງ 1

ເປີດ "www.codew3c.com" ໃນເຄື່ອງແບບເວັບໄຊໃໝ່:

window.open("https://www.codew3c.com");

亲自试一试

ມີຫຼາຍຄວາມຄິດທີ່ພິຈາລະນາຢູ່ລາຍການທີ່ລຸ່ມຢູ່ໃນຕ່າງກ້ອງ.

ຂອບຂອງການໃຊ້

window.open(url, name, features, replace)

ມາສິນລະຍະສັບ

ມາສິນລະຍະສັບ 描述
url

ອະນຸຍາດ. ທາງໄກຂອງປ່ອງທີ່ຈະເປີດ.

ຖ້າບໍ່ມີການກໍານົດ url, ຈະເປີດປ່ອງໃໝ່ຫຼືເຄື່ອງແບບເວັບໄຊທີ່ບໍ່ມີຄວາມຕ້ອງການ.
name ອະນຸຍາດ. ປະເພດສານtarget ຫຼືຊື່ຂອງປ່ອງໃໝ່.
features ອະນຸຍາດ. ລາຍການບັນດາລູກອາດຈະແບບກັນດ້ວຍຄຳຂັດແຍ່ງ, ບໍ່ມີຈຸດນ້ອຍ.
replace

ຖືກຖິ້ມຖາວອນ.

ກໍານົດວ່າ URL ຈະສ້າງອີກຢ່າງໃໝ່ຫຼືປ່ຽນກັບເບີ່ງໜ້າທີ່ປະຈຸບັນໃນລາຍການປະຫວັດສານ.

ອາດຮັບຄຳປະນາມນີ້:

  • true - URL ຈະປ່ຽນກັບເບີ່ງໜ້າທີ່ປະຈຸບັນໃນລາຍການປະຫວັດສານ.
  • false - URL ຈະສ້າງອີກຢ່າງໃໝ່ໃນລາຍການປະຫວັດສານ.

ເຕືອນ:Chrome ໃນການໃຊ້ replace ມາສິນລະຍະສັບຂອງປະເພດສານຈະປ່ອຍການສົ່ງຄຳບັນຫາຫຼືການສົ່ງຄຳບັນຫາ.

ມາສິນລະຍະສັບຂອງປະເພດສານອາດຮັບຄຳປະນາມນີ້:

值 描述
_blank URL ຖືກເອົາໄປໃນປ່ອງໃໝ່ຫຼືເຄື່ອງແບບເວັບໄຊທີ່ບໍ່ມີຄວາມຕ້ອງການດັ່ງກ່າວຫຼືມີຄວາມຕ້ອງການເປັນພົນລະເຮືອນ。
_parent URL ຖືກເອົາໄປໃນການເຕັມກັບວົງປະກອບພໍ່。
_self URL ປ່ຽນກັບເບີ່ງໜ້າທີ່ປະຈຸບັນ。
_top URL 替换任何可能加载的框架集。
name 窗口的名称（不指定窗口的标题）。

features 参数支持以下值：

值 描述
fullscreen=yes|no|1|0 是否以全屏模式显示浏览器。默认为否。全屏模式的窗口也必须处于影院模式。仅限 IE。
height=pixels 窗口的高度，以像素计。最小值为 100。
left=pixels 窗口的左侧位置（X 坐标），以像素计。不允许负值。
location=yes|no|1|0 是否显示地址字段。仅限 Opera。
menubar=yes|no|1|0 是否显示菜单栏。
resizable=yes|no|1|0 ປ່ອງບັນທຶກຈະສາມາດດັດຄວາມກວ້າງຂອງຕົວເລກ. ເປັນເອກະສານ IE.
scrollbars=yes|no|1|0 ຖ້າຈະສະແດງຕະຫຼອດຄະນະກຳມະການຄຳສັ່ງ. ເປັນເອກະສານ IE, Firefox ແລະ Opera.
status=yes|no|1|0 ຖ້າຈະເພີ່ມຄະນະກຳມະການສະຖານະສະຫຼາກ.
titlebar=yes|no|1|0 ຖ້າຈະສະແດງຕະຫຼອດຄະນະກຳມະການຫົວໜ້າ. ຖ້າບໍ່ແມ່ນການໂດດການ HTML ຫຼືການໂດດການຕໍ່ຄຳສັ່ງທີ່ເປັນການສະແດງ HTML ຫຼືການໂດດການທີ່ເປັນຄວາມເຊື່ອຖື, ຈະຖືກທຳລາຍ.
toolbar=yes|no|1|0 ຖ້າຈະສະແດງຕະຫຼອດຄະນະກຳມະການບັນນາທິການ. ເປັນເອກະສານ IE ແລະ Firefox.
top=pixels ຈຸດຕອນທາງສາຍຂອງປ່ອງບັນທຶກ (Y ການສະແດງ), ຈາກຕົວເລກພິມ. ບໍ່ອະນຸຍາດມີຄວາມສັບສົນລົງ.
width=pixels ຄວາມກວ້າງຂອງປ່ອງບັນທຶກ, ຈາກຕົວເລກພິມ. ຄວາມກວ້າງນ້ອຍສະຖານະສະຫຼາກສາມາດຈະບໍ່ຫຼາຍກວ້າງ 100.

ຄະແນນການຮັບຜົນ

ປ່ອງບັນທຶກສາຍພົວພັນບາດບັບ, ຖ້າການໂດດການບໍ່ສຳເລັດ, ຈະຖືກກັບຄືນສຳຫຼັບ null.

ລະບົບເຕັກນິກ

ອະທິບາຍ

open() ວິທີການຈະຊອກຫາປ່ອງບັນທຶກທີ່ມີແລ້ວຫຼືເປີດປ່ອງບັນທຶກສາຍພົວພັນບາດບັບ. ຖ້າ name ພາສະນັດທີ່ກໍານົດປ່ອງບັນທຶກທີ່ມີແລ້ວ, ຈະຖືກກັບຄືນສຳຫຼັບປ່ອງບັນທຶກນັ້ນ. ປ່ອງບັນທຶກທີ່ຖືກກັບຄືນຈະສະແດງ url ພາສະນັດທີ່ກໍານົດ, ແຕ່ບໍ່ຄຳນຶງ features ພາສະນັດ. ໃນທີ່ພຽງແຕ່ຮູ້ຊື່ປ່ອງບັນທຶກ, ນີ້ເປັນທາງດຽວທີ່ສາມາດຮັບການສະແດງຂອງປ່ອງບັນທຶກດັ່ງກ່າວໃນ JavaScript

ຖ້າບໍ່ມີກໍານົດ name ພາສະນັດ, ຫຼືວ່າປ່ອງບັນທຶກທີ່ກໍານົດບໍ່ມີ open() ວິທີການຈະສ້າງປ່ອງບັນທຶກສາຍພົວພັນບາດບັບ. ປ່ອງບັນທຶກສາຍພົວພັນບາດບັບຈະສະແດງ url URL ທີ່ກໍານົດຈາກ name ພາສະນັດ features ພາສາສະນັດ. ຖ້າ url ຖ້າເປັນ open() ທີ່ຈະເປີດປ່ອງບັນທຶກໃໝ່.

name ພາສາສະນັດຂອງປ່ອງບັນທຶກໃຫມ່. ບາງວ່ານັ້ນຈະຕາມທີ່ສາມາດໃຊ້ເປັນ <a> ແລະ <form> ທີ່ວ່າຈະບັງຄັບໃຫ້ໃບມີໃນປ່ອງບັນທຶກທີ່ກໍານົດຄວາມລັງ

ບໍ່ວ່າຈະໃຊ້ Window.open() ການອ້າງໃບໃໝ່ໃສ່ປ່ອງບັນທຶກທີ່ມີແລ້ວຫາຄັນນີ້ແມ່ນສາມາດສົ່ງຕໍ່ຫາມັນ replace 参数，用来声明新文档是在窗口的浏览历史中拥有自己的条目，还是替换当前文档的条目。如果 replace 的值为 true，新文档就会替换旧文档。如果值为 false，或者省略，那么新文档会在窗口的浏览历史中拥有自己的条目。这个参数提供的功能与 Location.replace() method ທີ່ມີພາກສ່ວນຄືກັນຫລາຍຢ່າງ.

ບໍ່ຄວນກົດກັນ Window.open() method Document.open() ມີການຊັກຊວນຄວາມດີເທື່ອວ່າ ຕັ້ງມາເພື່ອ Window.open() open(). ໃນການບັງຄັບວິທະຍານ HTML, ພວກເຮົາທຳລາຍຂອງຕາມຄຳປະຊາສັບ open() Document.open()ຍັງມີ Window.open().

ການສະແດງປະສົມຄວາມປ່າຍ

features ມາດຕະຫລາດການປະກາດບັນດາປະສົມຄວາມທີ່ຕ້ອງສະແດງຂອງປ່າຍ. ການແບບຄູ່ກັນບັນດາປະສົມຄວາມຈະແບບກັນກັບກັນ, ຖ້າຈຸດຕັດເລື່ອງມີຄວາມສະບາຍວ່າວ່າຫລື ບໍ່ມີຈຸດຕັດເລື່ອງມີປ່າຍຈະສະແດງທຸກຈຸດຕັດເລື່ອງ. ແຕ່ຍັງມີ features ປະກາດປະກອບຂອງບັນດາປະສົມຄວາມ. ສະບາຍວ່າ ສະບັບທາງຄວາມຂອງຖານດັ່ງກ່າວຈະບໍ່ມີການບັງຄັບອາກາດບາດແອນ ແລະ ບໍ່ມີການພັດທະນາອາກາດບາດແອນ, ແລະ ສະບັບທາງຄວາມຂອງຂໍ້ຄວາມຈະມີຮູບແບບອັນດັບການບັນດາບາງຂອງດັ່ງກ່າວ

feature[=value]

ສຳລັບທຸກຈຸດຕັດເລື່ອງທຸກຄົນສະໜັບສະໜຸນvalue feature value ຈຸດຕັດເລື່ອງຈະມີຫມາຍວ່າ yes ຫຼື no. ຈຸດຕັດເລື່ອງພາຍຫລັງຈຸດຕັດເລື່ອງຈະມີການ value ຈຸດຕັດເລື່ອງຈະມີຫມາຍວ່າ yes. ຖ້າບໍ່ມີຈຸດຕັດເລື່ອງຈະຕັ້ງມາແຕ່ value ຈຸດຕັດເລື່ອງຈະມີຫມາຍວ່າ no. ແຕ່ຍັງມີຈຸດຕັດ width ຫຼື height value ຈຸດຕັດເລື່ອງຈະມີຫມາຍວ່າ ຕອບການສະໜັບສະໜຸນພວກເຂົາຈະແມ່ນຄູ່ສິບຕິມູນວິທະຍາ

ການສະໜັບສະໜຸນການອາດດຳເນີນ

ທຸກການອາດດຳເນີນ open() open():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ການສະໜັບສະໜຸນ ການສະໜັບສະໜຸນ ການສະໜັບສະໜຸນ ການສະໜັບສະໜຸນ ການສະໜັບສະໜຸນ ການສະໜັບສະໜຸນ

ຫມາຍການຫຼາຍອີກ

ຕົວຢ່າງ 2

ເປີດບາງເວັບໄຊ about:blank ໃນປ່າຍຫມໍ່ອັນດັບຕັ້ງວັດທະນະທຳ

var myWindow = window.open("", "", "width=200,height=100");

亲自试一试

ຕົວຢ່າງ 3

ເປີດປ່າຍໃຫມ່ທີ່ຊື່ 'MsgWindow' ແລະ ເຮັດຂໍ້ຄວາມບາງຢ່າງ

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px tall!</p>");

亲自试一试

ຕົວຢ່າງ 4

ປ່ຽນປ່າຍອັນດັບຕັ້ງວັດທະນະທຳດັ່ງກ່າວ

var myWindow = window.open("", "_self");
myWindow.document.write("<p>ຂ້ອຍໄດ້ປ່ຽນປ່ຽນປະຕູສາຍລະບາຍ.</p>")}}

亲自试一试

ຕົວຢ່າງ 5

ປ່ຽນປະຕູສາຍລະບາຍໃຫ້ປ່ຽນປະຕູສາຍລະບາຍນີ້:

window.open("https://www.codew3c.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");

亲自试一试

ຕົວຢ່າງ 6

ປ່ຽນປະຕູສາຍລະບາຍຫຼາຍໆ:

window.open("http://www.google.com/");
window.open("https://www.codew3c.com/");

亲自试一试

ຕົວຢ່າງ 7

ປ່ຽນປະຕູສາຍລະບາຍ. ນຳໃຊ້ close() ເພື່ອປິດປ່ຽນປະຕູສາຍລະບາຍນີ້:

function openWin() {
  myWindow = window.open("", "myWindow", "width=200,height=100");   // ປ່ຽນປະຕູສາຍລະບາຍ
}
function closeWin() {
  myWindow.close();   // ປິດປ່ຽນປະຕູສາຍລະບາຍນີ້
}

亲自试一试

ຕົວຢ່າງ 8

ປ່ຽນປະຕູສາຍລະບາຍ. ນຳໃຊ້ປະຕູ name ເພື່ອຫຼຸດຄົ້ນຄວ້າຊື່ປ່ຽນປະຕູສາຍລະບາຍ:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>ຊື່ປ່ຽນປະຕູສາຍລະບາຍແມ່ນ: " + myWindow.name + "</p>");

亲自试一试

ຕົວຢ່າງ 9

ນຳໃຊ້ປະຕູ opener ເພື່ອຫຼຸດຄົ້ນຄວ້າປ່ຽນປະຕູສາຍລະບາຍ

var myWindow = window.open("", "myWindow", "width=200,height=100");   // ປ່ຽນປະຕູສາຍລະບາຍ
myWindow.document.write("<p>ນີ້ແມ່ນ 'myWindow'</p>");   // ປ່ຽນປະຕູສາຍລະບາຍສາຍລະບາຍ
myWindow.opener.document.write("<p>ນີ້ແມ່ນປ່ຽນປະຕູສາຍລະບາຍສາຍລະບາຍສາຍລະບາຍສາຍລະບາຍສາຍລະບາຍສາຍລະບາຍສາຍລະບາຍສາຍລະບາຍ</p>");  // ສ້າງປ່ຽນປະຕູສາຍລະບາຍສາຍລະບາຍສາຍລະບາຍ

亲自试一试