【1. หน้าต่างป๊อปอัปธรรมดา】
อันที่จริงแล้ว โค้ดนั้นง่ายมาก:
<SCRIPT LANGUAGE=javascript>
-
window.open ('page.html')
-
</สคริปต์>
เนื่องจากนี่เป็นโค้ด Javascript ส่วนหนึ่ง จึงควรวางไว้ระหว่างแท็ก <SCRIPT LANGUAGE=javascript> และ </script> <!-- และ --> มีผลกับเบราว์เซอร์รุ่นเก่าบางรุ่น ในเบราว์เซอร์รุ่นเก่าเหล่านี้ โค้ดในแท็กจะไม่แสดงเป็นข้อความ พัฒนานิสัยที่ดีนี้
window.open ('page.html') ใช้เพื่อควบคุมป๊อปอัปของหน้าต่างใหม่ page.html หาก page.html ไม่ได้อยู่ในเส้นทางเดียวกับหน้าต่างหลัก ควรระบุเส้นทางไว้ด้านหน้า เส้นทางสัมบูรณ์ ([url]http:// )[/url] และเส้นทางสัมพัทธ์ (../) เป็นที่ยอมรับทั้งคู่
คุณสามารถใช้เครื่องหมายคำพูดเดี่ยวหรือเครื่องหมายคำพูดคู่ก็ได้ แต่อย่าผสมกัน
โค้ดส่วนนี้สามารถเพิ่มได้ทุกที่ใน HTML ระหว่าง <head> และ </head> หรือระหว่าง <body> และ </body> ยิ่งโค้ดเร็วเท่าไร โค้ดก็จะถูกดำเนินการเร็วเท่านั้น โดยเฉพาะอย่างยิ่งหากเพจนั้น โค้ดยาวและคุณต้องการให้เพจปรากฏขึ้นก่อนหน้านี้ เพียงวางไว้ข้างหน้าให้ไกลที่สุด
[2. หน้าต่างป๊อปอัปหลังการตั้งค่า]
พูดคุยเกี่ยวกับการตั้งค่าของหน้าต่างป๊อปอัป เพียงเพิ่มโค้ดด้านบนอีกเล็กน้อย มาปรับแต่งลักษณะ ขนาด และตำแหน่งป๊อปอัปของหน้าต่างป๊อปอัปนี้ให้เหมาะสมกับเงื่อนไขเฉพาะของเพจกัน
<ภาษาสคริปต์=จาวาสคริปต์>
-
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, แถบเครื่องมือ=no, menubar=no, scrollbars=no, ปรับขนาดได้=no,location=no , สถานะ=ไม่')
//เขียนเป็นบรรทัดเดียว
-
</SCRIPT>
คำอธิบายพารามิเตอร์:
<SCRIPT LANGUAGE=javascript> สคริปต์ js เริ่มต้น;
คำสั่ง window.open เพื่อเปิดหน้าต่างใหม่
'page.html' ชื่อไฟล์ของหน้าต่างป๊อปอัป
'newwindow' ชื่อของหน้าต่างป๊อปอัป (ไม่ใช่ชื่อไฟล์) เป็นทางเลือกสามารถถูกแทนที่ด้วยว่าง '';
ความสูง = 100 ความสูงของหน้าต่าง;
ความกว้าง = ความกว้างหน้าต่าง 400;
top=0 ค่าพิกเซลเหนือหน้าต่างจากหน้าจอ
left=0 ค่าพิกเซลของหน้าต่างจากด้านซ้ายของหน้าจอ
แถบเครื่องมือ=ไม่ใช่ว่าจะแสดงแถบเครื่องมือหรือไม่ ใช่เพื่อแสดง;
แถบเมนู แถบเลื่อนแสดงถึงแถบเมนูและแถบเลื่อน
resizable=no ว่าจะอนุญาตให้เปลี่ยนขนาดหน้าต่างหรือไม่ ใช่ เพื่ออนุญาต;
location=no ว่าจะแสดงแถบที่อยู่หรือไม่ ใช่ เพื่ออนุญาต
status=no ว่าจะแสดงข้อมูลในแถบสถานะหรือไม่ (โดยปกติแล้วไฟล์จะถูกเปิด) อนุญาตให้ใช่
</SCRIPT> สคริปต์ js สิ้นสุด
[3. ใช้ฟังก์ชันเพื่อควบคุมหน้าต่างป๊อปอัป]
ด้านล่างนี้เป็นรหัสที่สมบูรณ์
<html>
<หัว>
<script LANGUAGE=จาวาสคริปต์>
-
ฟังก์ชั่น openwin() {
window.open (page.html, newwindow, ความสูง=100, ความกว้าง=400, แถบเครื่องมือ=no, แถบเมนู=no, scrollbars=no, ปรับขนาดได้=no, location=no, สถานะ=no)
//เขียนเป็นบรรทัดเดียว
-
-
</สคริปต์>
</หัว>
<body onload=openwin()>
..เนื้อหาหน้าตามอำเภอใจ...
</ร่างกาย>
</html>
ฟังก์ชัน openwin() ถูกกำหนดไว้ที่นี่ และเนื้อหาของฟังก์ชันคือการเปิดหน้าต่าง มันไม่มีประโยชน์อะไรจนกว่าจะถูกเรียก
จะเรียกมันได้อย่างไร?
วิธีที่ 1: <body onload=openwin()> หน้าต่างจะปรากฏขึ้นเมื่อเบราว์เซอร์อ่านเพจ
วิธีที่ 2: <body onunload=openwin()> หน้าต่างจะปรากฏขึ้นเมื่อเบราว์เซอร์ออกจากเพจ
วิธีที่ 3: โทรด้วยการเชื่อมต่อ:
<a href=หมายเหตุ: ใช้ "วิธีที่ 4: โทรด้วยปุ่ม:
<input type=button onclick=openwin() value=open window>
[4. 2 หน้าต่างปรากฏขึ้นพร้อมกัน]
ทำการเปลี่ยนแปลงซอร์สโค้ดเล็กน้อย:
<script LANGUAGE=จาวาสคริปต์>
-
ฟังก์ชั่น openwin() {
window.open (page.html, newwindow, height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, ปรับขนาดได้=no, location=no, status=no)
//เขียนเป็นบรรทัดเดียว
window.open (page2.html, newwindow2, height=100, width=100, top=100, left=100, แถบเครื่องมือ=no, menubar=no, scrollbars=no, ปรับขนาดได้=no, location=no, status=no)
//เขียนเป็นบรรทัดเดียว
-
-
</สคริปต์>
เพื่อป้องกันไม่ให้หน้าต่างป๊อปอัพทั้งสองมาบังกัน ให้ใช้ด้านบนและซ้ายเพื่อควบคุมตำแหน่งป๊อปอัปเพื่อไม่ให้บังกัน ในที่สุดคุณสามารถเรียกมันได้โดยใช้สี่วิธีที่กล่าวมาข้างต้น
หมายเหตุ: ชื่อของทั้งสองหน้าต่าง (newwindows และ newwindow2) ไม่ควรเหมือนกัน หรือควรจะว่างเปล่าทั้งหมด ตกลง?
[5. หน้าต่างหลักเปิดไฟล์ 1.htm และหน้าต่างเล็ก page.html ปรากฏขึ้นพร้อมกัน]
รหัสต่อไปนี้ถูกเพิ่มลงในพื้นที่ <head> ของหน้าต่างหลัก:
<script language=javascript>
-
ฟังก์ชั่น openwin() {
window.open(page.html,,width=200,height=200)
-
-
</สคริปต์>
เพิ่มพื้นที่ <body>:
เพียงแค่ <a href=1.htm onclick=openwin()>เปิด</a>
[6. การควบคุมการปิดกำหนดเวลาของหน้าต่างป๊อปอัป]
ต่อไป เราจะดำเนินการควบคุมหน้าต่างป๊อปอัปบางส่วน และเอฟเฟกต์จะดีขึ้น หากเราเพิ่มโค้ดเล็กๆ ลงในหน้าป๊อปอัป (โปรดทราบว่าโค้ดดังกล่าวถูกเพิ่มลงใน HTML ของ page.html ไม่ใช่หน้าหลัก ไม่เช่นนั้น...) จะดีกว่าไหมหากปิดโดยอัตโนมัติหลังจากนั้น 10 วินาที?
ขั้นแรก ให้เพิ่มโค้ดต่อไปนี้ลงในพื้นที่ <head> ของไฟล์ page.html:
<script language=javascript>
function closeit() {
setTimeout(self.close(),10000) //มิลลิวินาที
}
</script>
จากนั้น ใช้ประโยค <body onload=closeit()> เพื่อแทนที่ประโยค <BODY> ต้นฉบับใน page.html (อย่าลืมเขียนประโยคนี้! ฟังก์ชั่นของประโยคนี้คือการเรียกรหัสเพื่อปิดหน้าต่างแล้วปิดหน้าต่างโดยอัตโนมัติหลังจากผ่านไป 10 วินาที)
[7. เพิ่มปุ่มปิดในหน้าต่างป๊อปอัป]
<แบบฟอร์ม>
<ประเภทอินพุต='BUTTON' value='ปิด' onClick='window.close()'>
</รูปแบบ>
ฮ่าฮ่า ตอนนี้มันสมบูรณ์แบบยิ่งขึ้นไปอีก!
[8. รวมหน้าต่างป๊อปอัป - สองหน้าต่างในหน้าเดียว]
ตัวอย่างข้างต้นทั้งหมดมีสองหน้าต่าง หน้าต่างหนึ่งเป็นหน้าต่างหลักและอีกหน้าต่างหนึ่งเป็นหน้าต่างป๊อปอัปขนาดเล็ก
จากตัวอย่างต่อไปนี้ คุณสามารถทำให้เอฟเฟกต์ด้านบนเสร็จสมบูรณ์ได้ในหน้าเดียว
<html>
<หัว>
<ภาษาสคริปต์=จาวาสคริปต์>
ฟังก์ชั่น openwin()
-
OpenWindow=window.open(, newwin, height=250, width=250,toolbar=no,scrollbars=+scroll+,menubar=no);
//เขียนเป็นบรรทัดเดียว
OpenWindow.document.write(<TITLE>ตัวอย่าง</TITLE>)
OpenWindow.document.write(<BODY BGCOLOR=OpenWindow.document.write(<h1>สวัสดี!</h1>)
OpenWindow.document.write (เปิดหน้าต่างใหม่!)
OpenWindow.document.write(</BODY>)
OpenWindow.document.write(</HTML>)
OpenWindow.document.close()
-
</สคริปต์>
</หัว>
<ร่างกาย>
<a href=<ประเภทอินพุต=ปุ่ม onclick=openwin() ค่า=เปิดหน้าต่าง>
</ร่างกาย>
</html>
ดูโค้ดใน OpenWindow.document.write() ไม่ใช่ HTML มาตรฐานใช่ไหม เพียงเขียนบรรทัดเพิ่มเติมตามรูปแบบ โปรดทราบว่าจะเกิดข้อผิดพลาดหากมีป้ายกำกับมากกว่าหนึ่งรายการหรือน้อยกว่าหนึ่งรายการ อย่าลืมลงท้ายด้วย OpenWindow.document.close()
[9. แอปพลิเคชั่นขั้นสูงสุด - การควบคุมคุกกี้ของหน้าต่างป๊อปอัป]
จำได้ว่าแม้ว่าหน้าต่างป๊อปอัปด้านบนจะเจ๋ง แต่ก็มีปัญหาเล็กน้อย (คุณคงไม่สังเกตเห็นมันหากคุณดื่มด่ำกับความสุข?) ตัวอย่างเช่น หากคุณใส่สคริปต์ข้างต้นในหน้าเว็บที่ต้องส่งผ่านบ่อยๆ (เช่น หน้าแรก) หน้าต่างจะเด้งขึ้นมาทุกครั้งที่มีการรีเฟรชหน้าเว็บ มันไม่น่ารำคาญเหรอ? -
มีวิธีแก้ไขหรือไม่? ใช่! ;-) ตามมาสิ
เราสามารถใช้คุกกี้เพื่อควบคุมมันได้
ขั้นแรก เพิ่มโค้ดต่อไปนี้ลงในพื้นที่ <HEAD> ของหน้าหลัก HTML:
<script>
ฟังก์ชั่น openwin(){
window.open(page.html,,width=200,height=200)
-
ฟังก์ชั่น get_cookie (ชื่อ) {
ค้นหา var = ชื่อ + =
var ค่าส่งคืน = ;
ถ้า (documents.cookie.length > 0) {
offset = document.cookie.indexOf (ค้นหา)
ถ้า (ชดเชย != -1) {
ชดเชย += search.length
end = document.cookie.indexOf(;, ออฟเซ็ต);
ถ้า (จบ == -1)
ปลาย = document.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end))
-
-
ส่งกลับค่าที่ส่งคืน;
}
ฟังก์ชั่น loadpopup(){
ถ้า (get_cookie('โผล่')==''){
โอเพ่นวิน()
document.cookie=popped=ใช่
-
}
</script>
จากนั้น แทนที่ประโยคต้นฉบับ <BODY> ในหน้าหลักด้วย <body onload=loadpopup()> (โปรดทราบว่าไม่ใช่ openwin แต่เป็น loadpop!) คุณสามารถลองรีเฟรชหน้าหรือกลับเข้าสู่หน้าใหม่ได้ และหน้าต่างจะไม่ปรากฏขึ้นอีก ป๊อปที่แท้จริงเพียงครั้งเดียว!
เมื่อถึงจุดนี้ทักษะการผลิตและการใช้งานของหน้าต่างป๊อปอัปก็เสร็จสมบูรณ์เช่นกัน ฉันพูดมากในคราวเดียว ฉันหวังว่ามันจะเป็นประโยชน์กับเพื่อน ๆ ที่กำลังทำเว็บเพจ ฉันมีความสุขมาก .
ควรสังเกตว่าวิธีที่ดีที่สุดคือรักษาการใช้อักษรตัวพิมพ์ใหญ่ในสคริปต์ JS ให้สอดคล้องกัน
1. เปิดหน้าต่างแบบเต็มหน้าจอ
<html>
<body onload=window.open('http://www.pconline.com.cn','example01','fullscreen');>;
<b>[url]www.e3i5.com[/url]</b>
</ร่างกาย>
</html>
2. เปิดหน้าต่างที่ได้รับการ F11ized
<html>
<body onload=window.open(''http://www.pconline.com.cn','example02','channelmode');>;
<b>[url]www.e3i5.com[/url]</b>
</ร่างกาย>
</html>
3. เปิดหน้าต่างขึ้นมาพร้อมกับแถบเครื่องมือลิงค์โปรด
<html>
<body onload=window.open('http://www.pconline.com.cn','example03','width=400,height=300,ไดเรกทอรี');>
<b>[url]www.e3i5.com[/url]</b>
</ร่างกาย>
</html>
4. กล่องโต้ตอบหน้าเว็บ
<html>
<ภาษาสคริปต์=จาวาสคริปต์>
-
showModalDialog('http://www.pconline.com.cn','example04','dialogWidth:400px;dialogHeight:300px;
DialogLeft:200px;dialogTop:150px;center:yes;help:yes;ปรับขนาดได้:yes;สถานะ:yes')
-
</สคริปต์>
<b>[url]www.e3i5.com[/url]</b>
</ร่างกาย>
</html>
<html>
<ภาษาสคริปต์=จาวาสคริปต์>
-
showModelessDialog('http://www.pconline.com.cn','example05','dialogWidth:400px;dialogHeight:300px;
DialogLeft:200px;dialogTop:150px;center:yes;help:yes;ปรับขนาดได้:yes;สถานะ:yes')
-
</สคริปต์>
<b> เป้าหมาย=_blank>[url]http://www.pconline.com.cn[/url]</b>
</ร่างกาย>
</html>
showModalDialog() หรือ showModelessDialog() เพื่อเรียกกล่องโต้ตอบของเว็บ ความแตกต่างระหว่าง showModalDialog() และ showModelessDialog() คือหน้าต่างที่เปิดโดย showModalDialog() (เรียกสั้น ๆ ว่าหน้าต่าง modal) จะถูกวางไว้บนหน้าต่างหลักและ ต้องปิดเพื่อเข้าถึงหน้าต่างหลัก (ขอแนะนำให้ใช้ให้น้อยที่สุดเท่าที่จะเป็นไปได้เพื่อหลีกเลี่ยงการรุกรานจากผู้อื่น) showModelessDialog() (เรียกว่าหน้าต่างที่ไม่มีโหมด) คุณสามารถเข้าถึงหน้าต่างที่เปิดโดยหน้าต่างหลักได้โดยไม่ต้องปิด หลังจากเปิด
dialHeight: iHeight กำหนดความสูงของหน้าต่างโต้ตอบ
dialWidth: iWidth กำหนดความกว้างของหน้าต่างโต้ตอบ
DialogLeft: iXPos ตั้งค่าตำแหน่งด้านซ้ายของหน้าต่างโต้ตอบโดยสัมพันธ์กับมุมซ้ายบนของเดสก์ท็อป
DialogTop: iYPos ตั้งค่าตำแหน่งบนสุดของหน้าต่างโต้ตอบโดยสัมพันธ์กับมุมซ้ายบนของเดสก์ท็อป
center: {yes |. no |. 1 | 0} ระบุว่าจะตั้งกล่องโต้ตอบไว้ตรงกลางบนเดสก์ท็อปหรือไม่
help: {yes |. no |. 1 |. 0 } ระบุว่าจะแสดงไอคอนวิธีใช้ตามบริบทในหน้าต่างโต้ตอบหรือไม่ ค่าเริ่มต้นคือ "ใช่"
ปรับขนาดได้: {yes |. no |. 1 | 0} ระบุว่าหน้าต่างโต้ตอบสามารถปรับขนาดได้หรือไม่ ค่าเริ่มต้นคือ "ไม่"
สถานะ: {yes |. no |. 1 | 0} ระบุว่าหน้าต่างโต้ตอบแสดงแถบสถานะหรือไม่ ค่าเริ่มต้นคือ "ใช่" สำหรับหน้าต่างโต้ตอบแบบไม่มีโหมดและ "ไม่" สำหรับหน้าต่างโต้ตอบแบบโมดอล
รหัสคลาสสิกของหน้าเว็บ
1. ปุ่มเมาส์ขวาจะถูกบล็อกโดยสมบูรณ์ และจะไม่มีเมนูคลิกขวา
<body oncontextmenu=window.event.returnvalue=false>
สามารถใช้ในกรอบตารางในหน้าเว็บได้เช่นกัน
<เส้นขอบตาราง oncontextmenu=return(false)><td>ไม่</table>
2. ยกเลิกการเลือกและป้องกันการคัดลอก
<body onselectstart=return false>
3. ไม่อนุญาตให้วาง
<body onpaste=return false>
4. ป้องกันการคัดลอก
<body oncopy=return false; oncut=return false;>
5. เปลี่ยนแถบที่อยู่ IE เป็นไอคอนของคุณเอง
<link rel=ไอคอนทางลัด href=favicon.ico>
คำอธิบาย: เกี่ยวกับการผลิตไฟล์ favicon.ico ขั้นแรกคุณสามารถสร้างรูปภาพใน FW ซึ่งเป็นไอคอนขนาดเล็กสำหรับไซต์ของคุณเอง จากนั้นเปลี่ยนแอตทริบิวต์ของไฟล์เป็น *.ico ใน ACD แล้วโอนไฟล์ *.ICO ที่คุณสร้างไปยังไดเร็กทอรีเซิร์ฟเวอร์ของคุณ จากนั้นคุณสามารถใช้โค้ดด้านบนเพื่อให้บรรลุผลได้ เมื่อผู้อื่นเข้าสู่ระบบไซต์ของคุณ แถบ ใช้ไอคอนที่คุณกำหนดเอง
6. ไอคอนของคุณสามารถแสดงในรายการโปรดได้
<link rel=Bookmark href=favicon.ico>
คำแนะนำ: วิธีการผลิตเหมือนกับข้างต้น เพียงแต่ว่าวิธีการแสดงแตกต่างออกไป นี่คือไอคอนส่วนบุคคลที่แสดงเมื่อผู้อื่นบุ๊กมาร์กที่อยู่เว็บของคุณ
7. ปิดวิธีการป้อนข้อมูล
<input style=ime-mode:disabled>
คำอธิบาย: รหัสนี้ใช้เมื่อส่งแบบฟอร์ม นั่นคือไม่สามารถใช้โหมดวิธีการป้อนข้อมูลอื่นๆ เมื่อป้อนข้อมูลได้
8. มีกรอบการทำงานอยู่เสมอ
<script language=javascript><!--
if (window == top)top.location.href = frames.htm;// --></script>
คำอธิบาย: frames.htm คือหน้าเว็บของคุณ นี่เป็นวิธีการปกป้องเพจด้วย
9. ป้องกันการถูกล้อมกรอบ
<ภาษาสคริปต์=จาวาสคริปต์><!--
ถ้า (top.location != self.location)top.location=self.location;
// --></SCRIPT>
10. หน้าเว็บจะไม่ถูกบันทึกเป็น
<noscript><iframe src=*.html></iframe></noscript>
หมายเหตุ: <noscirpt> มีการใช้งานที่หลากหลาย หนึ่งในนั้นคือการทำให้โฆษณา JS ใช้งานไม่ได้
11. ตรวจสอบไฟล์ต้นฉบับ
<input type=button value=ดูซอร์สโค้ดของหน้าเว็บ
onclick=window.location = 'ดูแหล่งที่มา:'+ เป้าหมาย=_blank>[url]http://bbs.055.cn/test.htm[/url]';>
12.COOKIE script record เป็น
ฟังก์ชันที่มีประโยชน์มาก get_cookie(Name) {
var search = Name + =
var returnvalue = ;
if (documents.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // ถ้ามีคุกกี้อยู่
offset += search. length
// ตั้งค่าดัชนีจุดเริ่มต้นของค่า
end = document.cookie.indexOf(
;, offset);
// ตั้งค่าดัชนีของค่าสิ้นสุดคุกกี้
ถ้า (end == -1)
end = document.cookie.length;
(documents.cookie.substring(offset, end))
}
}
ส่งคืนค่า
;
function loadpopup(){
if (get_cookie('popped')==''){
openpopup()
document.cookie=popped=yes
}
}
หมายเหตุ: ด้านบนคือโค้ด JS โปรดเพิ่มอักขระเริ่มต้นและสิ้นสุดด้วยตนเอง
13. การใช้โครงด้านใน <IFRAME>
รูปแบบการใช้งานแท็ก Iframe คือ:
<iframe src=URL width=x height=x scrolling=[OPTION] frameborder=x
ชื่อ=main></iframe>
src: เส้นทางของไฟล์ซึ่งอาจเป็นไฟล์ HTML, ข้อความ, ASP ฯลฯ
ความกว้าง ความสูง: ความกว้างและความสูงของพื้นที่เฟรมภายใน
การเลื่อน: เมื่อไฟล์ HTML ที่ระบุของ SRC ไม่แสดงในพื้นที่ที่ระบุ ตัวเลือกการเลื่อนหากตั้งค่าเป็น NO แถบเลื่อนจะไม่ปรากฏขึ้น หากเป็นอัตโนมัติ: แถบเลื่อนจะปรากฏขึ้นโดยอัตโนมัติ หากเป็นใช่ มันจะปรากฏขึ้น FrameBorder: ความกว้างของเส้นขอบพื้นที่ เพื่อผสมผสาน "กรอบด้านใน" กับเนื้อหาที่อยู่ติดกัน มักจะตั้งค่าเป็น 0
ชื่อ: ชื่อของกรอบงานที่ใช้ในการระบุตัวตน
ตัวอย่างเช่น: เมื่อคุณต้องการใช้เฟรมหลักเพื่อควบคุมเฟรมภายใน คุณสามารถใช้: target=frame name เพื่อควบคุม
ตัวอย่าง: <iframe name=mm src=http://bbs.055.cn;; width=100% height=100% marginwidth=0 marginheight= ... ot; frameborder=0 scrolling=no>
</iframe> . เพิ่มโค้ดต่อไปนี้เพื่อข้ามไปที่ <head>…</head> ในซอร์สโค้ดโดยอัตโนมัติ:
<meta http-equiv=refreshcontent=3;URL=http://bbs.055.cn; charset=gb2312>
คำอธิบาย: content=3 หมายถึงการรีเฟรช URL ใน 3 วินาที
15. จะเปลี่ยนรูปร่างของเมาส์ของลิงค์ได้อย่างไร เพียงเพิ่มโค้ดนี้ไปที่ลิงค์ หรือคุณสามารถเขียนมันใน CSS ตามที่กล่าวไว้ข้างต้น
style=cursor:hand style=cursor:crosshair
style=cursor:text style=cursor:รอ
style=cursor:move style=cursor:help
style=cursor:e-resize
style=cursor:n-resize
style=cursor:nw-resize style=cursor:w-resize
style=cursor:s-resize
style=cursor:se-resize
style=cursor:sw-resize
คุณเพียงแค่ต้องเพิ่มโค้ดด้านบนลงในลิงก์หรือพื้นที่สไตล์ของหน้าเพื่อกระจายเมาส์
16. การแสดงผลแบบเต็มหน้าจอ
<แบบฟอร์ม>
<div align=center>
<ประเภทอินพุต=ชื่อปุ่ม=ค่าเต็มหน้าจอ=เต็มหน้าจอ onClick=window.open(document.location, 'ใหญ่', 'เต็มหน้าจอ=ใช่')>
</div>
</form>
วางไว้ในบริเวณ <body>
17. ตั้งเป็นหน้าแรก
<script language=javascript>
-
ฟังก์ชั่นdefaul_home(){
this.home.style.behavior='url(#default#homepage)';this.home.setHomePage([url]http://bbs.055.cn/[/url]';
-
var focusok=เท็จ;
ถ้า (navigator.appName == Netscape{
โฟกัส = จริง;
-
vers=navigator.appเวอร์ชัน;
ถ้า (navigator.appName == Microsoft Internet Explorer{
pos=vers.lastIndexOf('.');
vers=vers.substring(pos-1,vers.length);
-
suitable_version=parseFloat(vers);
if(proper_version>=5){
โฟกัส = จริง;
-
ฟังก์ชั่น launchstock1 (htmlurl) {
var stock=window.open(htmlurl,stock,top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,
ปรับขนาดได้=ไม่,กว้าง=700,สูง=510;
ถ้า (โฟกัส) {
หุ้น.โฟกัส();
-
กลับเป็นจริง;
-
ฟังก์ชั่น launchstock () {
var stock=window.open(,stock,top=2,left=2,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,
ปรับขนาดได้=no,width=700, ความสูง=510;
ถ้า (โฟกัส) {
หุ้น.โฟกัส();
-
กลับเป็นจริง;
-
-
</สคริปต์>
<a href=# name=home onClick=defaul_home(); title===E-รุ่นเวลา==>ตั้งเป็นหน้าแรก</a>
18. นี่คือโค้ดสำหรับเพิ่มรายการโปรด
<a href=# onClick=window.external.addFavorite([url]http://bbs.055.cn[/url]';.'Dawn Accord') target=_self title = Dawn Accord>เพิ่มในรายการโปรด</a>
19. เพิ่มโค้ดต่อไปนี้สำหรับเอฟเฟ็กต์ภาพแฟลชลงในพื้นที่ <head>
<ภาษาสคริปต์=จาวาสคริปต์>
-
ฟังก์ชั่นทำให้มองเห็นได้ (cur ซึ่ง) {
ถ้า (ซึ่ง==0)
cur.filters.alpha.opacity=100
อื่น
cur.filters.alpha.opacity=20
}
//-->
</SCRIPT>
รหัสต่อไปนี้ถูกเพิ่มลงในพื้นที่ <body>
<img src=/u/info_img/2009-06/08/logo.gif;; style=filte ... nbsp;onMouseOver=makevisible(this,0) onMouseOut=makevisible(this,1) width=63 height=56 > //กรุณาเปลี่ยนที่อยู่รูปภาพด้วยตัวเอง
20.โหลดแถบความคืบหน้า
<table cellspacing=0 cellpadding=0 bgcolor=#FFFFFF width=40% id=P><tr><td>
<table cellspacing=0 cellpadding=0 bgcolor=#0000FF height=18 id=Q><tr><td></td></tr></table></td></tr></table>
</ศูนย์>
<ภาษาสคริปต์=จาวาสคริปต์>
var R = 0; โหลด ();
โหลดฟังก์ชัน () {R = R + 2; Q.style.width = R + %; time= setTimeout (โหลด (), 50);
ถ้า (R > 100) {clearTimeout (เวลา); P.style.width=0}}
</สคริปต์>
27 เต็มจอ
<ภาษาสคริปต์=จาวาสคริปต์>
window.open('index.asp','','fullscreen=1');
</สคริปต์>
21. การเลื่อนภาพพื้นหลัง
<body scroll=no background=images/bg.jpg link=#00FF00 alink=#FF0000 vlink=#00FF00 bgcolor=#000080 topmargin=8>
<ภาษาสคริปต์=จาวาสคริปต์>
var พื้นหลังออฟเซ็ต = 0;
var bgObject = eval('document.body');
ฟังก์ชั่น scrollBG (maxSize) {พื้นหลังออฟเซ็ต = พื้นหลังออฟเซ็ต + 1;
ถ้า (พื้นหลังออฟเซ็ต > ขนาดสูงสุด) พื้นหลังออฟเซ็ต = 0;
bgObject.style.พื้นหลังPosition = 0 + พื้นหลังออฟเซ็ต;}
varScrollTimer = window.setInterval (scrollBG (410), 20)
</สคริปต์>
22.หน้าเว็บจะไม่ถูกแคช
หน้า HTMl
<META HTTP-EQUIV=เนื้อหา Pragma=ไม่มีแคช>
<META HTTP-EQUIV=เนื้อหาการควบคุมแคช=ไม่มีแคช ต้องตรวจสอบใหม่>
<META HTTP-EQUIV=เนื้อหาหมดอายุ=พุธ 26 กุมภาพันธ์ 1997 08:21:57 GMT>
หรือ <META HTTP-EQUIV=expires CONTENT=0>
ASP webpageResponse.Expires = -1
Response.ExpiresAbsolute = ตอนนี้() - 1
Response.cachecontrol = ไม่มีแคช
หน้าเว็บ PHP
header(หมดอายุ: จันทร์ 26 ก.ค. 1997 05:00:00 GMT;
ส่วนหัว (การควบคุมแคช: ไม่มีแคช, ต้องตรวจสอบอีกครั้ง;
ส่วนหัว (Pragma: ไม่มีแคช;
23.
<%
'กำหนดค่าคงที่บางอย่างสำหรับการเชื่อมต่อฐานข้อมูล
Const adOpenForwardOnly = 0 'เคอร์เซอร์เรียกดูเฉพาะระเบียนไปข้างหน้าเท่านั้น และไม่สนับสนุนเพจ, ชุดระเบียน, ที่คั่นหน้า
Const adOpenKeyset = 1 'เคอร์เซอร์ชุดคีย์ การแก้ไขที่ทำโดยผู้ใช้รายอื่นต่อบันทึกจะสะท้อนให้เห็นในชุดบันทึก แต่บันทึกที่เพิ่มหรือลบโดยผู้ใช้รายอื่นจะไม่สะท้อนให้เห็นในชุดบันทึก รองรับเพจ, ชุดระเบียน, บุ๊คมาร์ค
Const adOpenDynamic = 2 'เคอร์เซอร์ไดนามิกมีฟังก์ชันที่ทรงพลังที่สุด แต่ยังใช้ทรัพยากรมากที่สุดด้วย การแก้ไขที่ทำโดยผู้ใช้ในเรคคอร์ด การเพิ่มหรือการลบเรคคอร์ด จะสะท้อนให้เห็นในชุดเรคคอร์ด รองรับการเรียกดูแบบเต็มรูปแบบ (ไม่รองรับโดย ACCESS)
Const adOpenStatic = 3 'เคอร์เซอร์แบบคงที่เป็นเพียงภาพรวมของข้อมูล การแก้ไขที่ทำโดยผู้ใช้ในการบันทึก การเพิ่มหรือการลบบันทึกจะไม่สะท้อนให้เห็นในชุดบันทึก รองรับการเดินหน้าหรือถอยหลัง
Const adLockReadOnly = 1 'ประเภทการล็อค, ค่าเริ่มต้น, อ่านอย่างเดียว, ไม่สามารถแก้ไขได้'
Const adLockPessimistic = 2 'ล็อคบันทึกทันทีเมื่อมีการแก้ไข วิธีที่ปลอดภัยที่สุด'
Const adLockOptimistic = 3 'ชุดระเบียนจะถูกล็อกเฉพาะเมื่อมีการเรียกใช้เมธอด Update และการดำเนินการอื่นๆ ก่อนหน้านี้ยังคงสามารถเปลี่ยน แทรก และลบระเบียนปัจจุบันได้
Const adLockBatchOptimistic = 4 'บันทึกไม่ถูกล็อคเมื่อทำการแก้ไข และการเปลี่ยนแปลง การแทรก และการลบเสร็จสิ้นในโหมดแบตช์
Const adCmdText = &H0001
ค่าคงที่ adCmdTable = &H0002
-
24. ย่อเล็กสุด ขยายใหญ่สุด และปิดหน้าต่าง
<วัตถุ id=hh1 classid=clsidDB880A6-D8FF-11CF-9377-00AA003B7A11>
<ชื่อพารามิเตอร์=ค่าคำสั่ง=ย่อเล็กสุด></วัตถุ>
<วัตถุ id=hh2 classid=clsidDB880A6-D8FF-11CF-9377-00AA003B7A11>
<ชื่อพารามิเตอร์=ค่าคำสั่ง=ขยายใหญ่สุด></วัตถุ>
<วัตถุ id=hh3 classid=clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11>
<PARAM NAME=ค่าคำสั่ง=ปิด></OBJECT>
<ประเภทอินพุต=ค่าปุ่ม=ย่อขนาด onclick=hh1.Click()>
<ประเภทอินพุต=ค่าปุ่ม=ขยายสูงสุด onclick=hh2.Click()>
<input type=button value=Close onclick=hh3.Click()>
หมายเหตุ: ตัวอย่างนี้เหมาะสำหรับ IE
25. กำหนดแหล่งที่มาของหน้า
asp หน้าก่อนหน้า:
request.servervariables (HTTP_REFERER
จาวาสคริปต์:
เอกสารผู้อ้างอิง
26. เคอร์เซอร์หยุดอยู่ที่ท้ายข้อความในกล่องข้อความ
<script language=javascript>
ฟังก์ชั่นซีซี()
-
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('ตัวละคร',e.value.length);
r.ยุบ(จริง);
r.เลือก();
-
</สคริปต์>
<input type=text name=text1 value=123 onfocus=cc()>
คำอธิบาย: เหมาะสำหรับการส่งข้อมูลแบบฟอร์ม