[1.
คัดลอกรหัสรหัสดังนี้:
<ภาษาสคริปต์ = "JavaScript">
-
window.open ('page.html')
-
</script>
เนื่องจากเป็นส่วนของรหัส JavaScripts จึงควรวางไว้ระหว่างแท็ก <ภาษาสคริปต์ = "JavaScript"> แท็กและ </script> <!-และ-> เล่นเอฟเฟกต์กับเบราว์เซอร์รุ่นต่ำ เพื่อพัฒนานิสัยที่ดีนี้ window.open ('page.html') ใช้เพื่อควบคุม POP -UP ใหม่ Window Page.html ทั้งคำพูดเดียวและคำพูดคู่สามารถใช้ได้เพียงอย่าผสม รหัสนี้สามารถเพิ่มไปยังตำแหน่งใด ๆ ของ HTML, <head> และ </head> สามารถทำได้ <body> </body> สามารถดำเนินการได้โดยเฉพาะรหัสหน้ายาวและคุณต้องการทำให้หน้าปรากฏ ก่อนหน้านี้พยายามที่จะนำไปข้างหน้า
[2.
มาพูดถึงการตั้งค่าของหน้าต่างป๊อปอัพ เพียงเพิ่มบางสิ่งลงในรหัสด้านบน มาปรับแต่งรูปลักษณ์ขนาดและตำแหน่งป๊อปอัพของหน้าต่างป๊อปอัพเพื่อปรับให้เข้ากับสถานการณ์เฉพาะของหน้า
คัดลอกรหัสรหัสดังนี้:
<ภาษาสคริปต์ = "JavaScript">
-
window.open ('page.html', 'newWindow', 'ความสูง = 100, ความกว้าง = 400, ด้านบน = 0, ซ้าย = 0, แถบเครื่องมือ = ไม่, menubar = ไม่, scrollbars = ไม่, resizable = no, l, l, l, l, l, l, l, l, l, l, l, l , l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l, l ocation = no, สถานะ = ไม่ ') //
-
</script>
พารามิเตอร์คำอธิบาย:
<script language = "JavaScript"> js สคริปต์เริ่มต้น;
Window.Open ปรากฏคำสั่งของหน้าต่างใหม่
'page.html' ชื่อไฟล์ป๊อป -อัพ;
'Newwindow' ชื่อของหน้าต่างป๊อป -อัพ (ไม่ใช่ชื่อไฟล์) ซึ่งไม่ต้องการถูกแทนที่ด้วยว่างเปล่า '';
ความสูง = 100 ความสูงของหน้าต่าง;
ความกว้าง = 400 ความกว้างของหน้าต่าง;
top = 0 ระยะทางหน้าต่างจากด้านบนของหน้าจอ;
ซ้าย = 0 หน้าต่างเป็นค่าพิกเซลจากด้านซ้ายของหน้าจอ
Toolbar = No เพื่อแสดงแถบเครื่องมือใช่จะปรากฏขึ้น
Menubar, Scrollbars เป็นตัวแทนของแถบเมนูและแถบกลิ้ง
resizable = no อนุญาตให้เปลี่ยนขนาดหน้าต่างใช่ได้รับอนุญาต;
ตำแหน่ง = ไม่เพื่อแสดงแถบที่อยู่ใช่ได้รับอนุญาต;
สถานะ = ไม่ใช่เพื่อแสดงข้อมูลในแถบสถานะ (โดยปกติจะเปิดไฟล์แล้ว), ใช่ได้รับอนุญาต;
</script> js สคริปต์สิ้นสุดลง
[3. ควบคุมหน้าต่างป๊อปอัพด้วยฟังก์ชั่น]
ด้านล่างเป็นรหัสที่สมบูรณ์
คัดลอกรหัสรหัสดังนี้:
<html>
<head>
<ภาษาสคริปต์ = "JavaScript">
-
ฟังก์ชั่น openwin () {) {
window.open ("page.html", "newWindow", "ความสูง = 100, ความกว้าง = 400, แถบเครื่องมือ = ไม่, menubar = ไม่, scrollbars = ไม่, resizable = no, ตำแหน่ง = ไม่,") // เขียนบรรทัด
-
-
</script>
</head>
<body only = "openwin ()" >>
เนื้อหาหน้าใด ๆ ...
</body>
</html>
ฟังก์ชั่น openwin () ถูกกำหนดไว้ที่นี่และเนื้อหาของฟังก์ชั่นคือการเปิดหน้าต่าง ไม่มีการใช้งานก่อนโทร โทรหาอย่างไร?
วิธีที่ 1: <body online = "openwin ()"> เมื่อเบราว์เซอร์อ่านหน้าหน้าต่างจะปรากฏขึ้น;
วิธีที่สอง: <body onunload = "openwin ()"> เบราว์เซอร์ปรากฏขึ้นเมื่อเบราว์เซอร์ออกจากหน้า;
วิธีที่ 3: ใช้การเชื่อมต่อเดียวเพื่อโทร:
<a href = "#" onclick = "openwin ()"> เปิดหน้าต่าง </a>
หมายเหตุ: "#" ที่ใช้เป็นการเชื่อมต่อเสมือนจริง
วิธีที่ 4: ใช้ปุ่มโทร:
<อินพุต type = "ปุ่ม" onclick = "openwin ()" value = "เปิดหน้าต่าง">
[4, 2 windows ปรากฏขึ้นในเวลาเดียวกัน]
เปลี่ยนซอร์สโค้ดเล็กน้อย:
คัดลอกรหัสรหัสดังนี้:
<ภาษาสคริปต์ = "JavaScript">
-
ฟังก์ชั่น openwin () {) {
window.open ("page.html", "newwindow", "ความสูง = 100, ความกว้าง = 100, top = 0, ซ้าย = 0, แถบเครื่องมือ = ไม่, menubar = ไม่, scrollbars = ไม่, resizable = no, local = no สถานะ = ไม่ ") //
window.open ("page2.html", "newWindow2", "ความสูง = 100, ความกว้าง = 100, ด้านบน = 1 00, ซ้าย = 100, แถบเครื่องมือ = ไม่, menubar = ไม่, scrollbars = ไม่, resizable = no, l, l, l, l, l, l, l, l, l l, l, l, l, l, l, l, l, l oca tion = no, สถานะ = no ") //
-
-
</script>
เพื่อหลีกเลี่ยงการครอบคลุมหน้าต่างทั้งสองให้ควบคุมตำแหน่งป๊อปอัพที่มีด้านบนและซ้ายไม่ควรครอบคลุมซึ่งกันและกัน ในที่สุดเพียงโทรหาสี่วิธีที่กล่าวถึงข้างต้น
หมายเหตุ: อย่าเหมือนกันหรือว่างเปล่าหรือว่างเปล่า
[5. เปิดไฟล์ในหน้าต่างหลัก 1.htm และหน้าหน้าต่างขนาดเล็ก html ปรากฏขึ้นในเวลาเดียวกัน]
ดังที่แสดงในรหัสต่อไปนี้เพิ่มพื้นที่ <head> หน้าต่างหลัก:
คัดลอกรหัสรหัสดังนี้:
<ภาษาสคริปต์ = "JavaScript">
-
ฟังก์ชั่น openwin () {) {
window.open ("page.html", "", "width = 200, ความสูง = 200")
-
-
</script>
เพิ่ม <body> พื้นที่:
<a href = "1.htm" onclight = "openwin ()"> เปิด </a>
[6. การควบคุมการปิดระบบที่ขัดแย้งกันของหน้าต่างป๊อป
มาควบคุมหน้าต่างป๊อปอัพด้านล่างและเอฟเฟกต์จะดียิ่งขึ้น หากเราเพิ่มรหัสสั้น ๆ ลงในหน้าป๊อปอัพ (โปรดทราบว่าเป็น html ของการเพิ่ม page.html มันไม่ได้อยู่ในหน้าแรกมิฉะนั้น ... ) มันจะเย็นกว่านี้เพื่อให้ปิดโดยอัตโนมัติหลังจาก 10 วินาที ?
ก่อนอื่นให้เพิ่มรหัสต่อไปนี้ในพื้นที่ <head> ของไฟล์ page.html:
คัดลอกรหัสรหัสดังนี้:
<ภาษาสคริปต์ = "JavaScript">
ฟังก์ชั่นใกล้เคียง ()
-
settimeout ("seld.close ()", 10,000) // มิลลิวินาที
-
</script>
จากนั้นใช้ <body online = "clositit ()"> เพื่อแทนที่ประโยค <body> ต้นฉบับใน page.html (อย่าลืมเขียนประโยคนี้! บทบาทของประโยคนี้คือเรียกรหัสของหน้าต่างปิดและปิดหน้าต่างด้วยตัวเองหลังจาก 10 วินาที)
[7. เพิ่มปุ่มปิดลงในหน้าต่างป๊อปอัพ]
<form>
<อินพุต type = 'button' value = 'close' onclick = 'window.close ()'>
</form>
ฮ่าฮ่าตอนนี้มันสมบูรณ์แบบมากขึ้น!
[8.
ตัวอย่างข้างต้นรวมถึงหน้าต่างสองหน้าต่างหนึ่งบานคือหน้าต่างหลักและอีกหน้าต่างหนึ่งเป็นหน้าต่างเล็ก ๆ ผ่านตัวอย่างต่อไปนี้คุณสามารถกรอกเอฟเฟกต์ข้างต้นในหน้าเดียว
คัดลอกรหัสรหัสดังนี้:
<html>
<head>
<ภาษาสคริปต์ = "JavaScript">
ฟังก์ชั่น openwin ()
-
OpenWindow = Window.Open ("", "Newwin", "ความสูง = 250, ความกว้าง = 250, toolbar = ไม่, scrollbars ="+scroll+", menubar = no"));
// เขียนลงในบรรทัด
openwindow.document.write ("<title> ตัวอย่าง </title>"
openwindow.document.write ("<body bgcolor =#ffffff>")
openwindow.document.write ("<h1> สวัสดี! </h1>")
openwindow.document.write ("เปิดหน้าต่างใหม่!")
openwindow.document.write ("</body>")
openwindow.document.write ("</html>")
openwindow.document.close ()
-
</script>
</head>
<body>
<a href = "#" onclick = "openwin ()"> เปิดหน้าต่าง </a>
<อินพุต type = "ปุ่ม" onclick = "openwin ()" value = "เปิดหน้าต่าง">
</body>
</html>
ดูรหัสใน openwindow.document.write () HTML มาตรฐานไม่ใช่หรือ? เพียงแค่เขียนบรรทัดเพิ่มเติมในรูปแบบ ให้ความสนใจกับข้อผิดพลาดด้วยป้ายกำกับอีกหนึ่งป้ายหรือน้อยกว่า อย่าลืมจบด้วย openwindow.document.close ()
[9.
จำได้ว่าแม้ว่าหน้าต่างป๊อปอัพด้านบนจะเย็น แต่ก็มีปัญหาเล็ก ๆ น้อย ๆ หน้าแรก) จากนั้นทุก ๆ หน้าจากนั้นทุกหน้านี้จะรีเฟรชหน้านี้หน้าต่างจะปรากฏขึ้นหนึ่งครั้งมันไม่น่ารำคาญมากเหรอ? -
มีทางออกหรือไม่? ใช่! ;-) ตามฉันไป
ก่อนอื่นให้เพิ่มรหัสต่อไปนี้ในพื้นที่ <head> ของหน้าแรก html:
คัดลอกรหัสรหัสดังนี้:
<script>
ฟังก์ชั่น openwin () {) {
window.open ("page.html", "", "width = 200, ความสูง = 200")
-
ฟังก์ชั่น get_cookie (ชื่อ) {
var search = name + "="
var returnValue = "";
if (document.cookie.length> 0) {{
Offset = document.cookie.indexof (ค้นหา)
ถ้า (ชดเชย! = -1) {{
Offset += search.length
end = document.cookie.indexof (";", ชดเชย);
if (end == -1)
end = document.cookie.length;
returnValue = unescape (document.cookie.substring (สำนักงานสิ้นสุด))
-
-
returnValue;
-
ฟังก์ชั่น loadpopup () {
ift_cookie ('popped') == '') {{
Openwin ()
document.cookie = "popped = ใช่"
-
-
</script>
จากนั้นใช้ <body online = "loadpopup ()"> (โปรดทราบว่าไม่ใช่ Openwin แต่ LoadPop!) แทนที่ประโยค <body> ดั้งเดิมในหน้าแรก คุณสามารถลองรีเฟรชหน้านี้หรือป้อนหน้าอีกครั้งและหน้าต่างจะไม่ปรากฏขึ้น ป๊อปอย่างเดียวเท่านั้น!