หน้าแรก>การสอนการออกแบบเว็บไซต์>การทำให้เว็บเป็นมาตรฐาน

55 เคล็ดลับคลาสสิกที่ใช้กันมากที่สุดใน JavaScript (2)

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-02-11 13:14:04

33. เลือกวิทยุใด

<html> <script language = "vbscript">
ฟังก์ชั่น checkme ()
สำหรับแต่ละ OB ใน Radio1
ถ้า ob. ตรวจสอบแล้ว
window.alert ob.value
ต่อไป
ฟังก์ชันสิ้นสุด
</script> <body>
<input name = "Radio1" type = "Radio" value = "/style" ตรวจสอบสไตล์> สไตล์
<input name = "Radio1" type = "Radio" value = "/blog/barcode"> บาร์โค้ด
<อินพุต type = "ปุ่ม" value = "ตรวจสอบ" onclick = "checkme ()">
</body> </html>

34. สคริปต์ไม่เคยทำผิดพลาดใด ๆ

<ภาษาสคริปต์ = "JavaScript">
<!- ​​ซ่อน
ฟังก์ชั่น killerrors () {
กลับมาจริง;
-
window.onerror = killerrors;
-
</script>

35. คีย์ Enider อนุญาตให้เคอร์เซอร์ย้ายไปยังกล่องอินพุตถัดไป

<อินพุต onkeydown = "ถ้า (event.keycode == 13) event.keycode = 9">

36. ตรวจจับความเร็วลิงก์ของเว็บไซต์บางแห่ง:

เพิ่มรหัสต่อไปนี้ในพื้นที่ <body>:

<ภาษาสคริปต์ = JavaScript>
ทิม = 1
setInterval ("Tim ++", 100)
b = 1
var autourl = อาร์เรย์ใหม่ ()
autourl [1] = 1000) {this.resized = true; this.style.width = 1000;} "Align = absmiddle border = 0> www.chinaz.com"
Autourl [2] = "Javacool.3322.net"
autourl [3] = 1000) {this.resized = true; this.style.width = 1000;} "Align = absmiddle border = 0> www.chinaz.cn"
autourl [4] = "www.nuaa.edu.cn"
autourl [5] = 1000) {this.resized = true; this.style.width = 1000;} "Align = absmiddle border = 0> www.chinaz.com.cn"
ฟังก์ชั่นก้น () {
*** ("<form name = autof>")
สำหรับ (var i = 1; i <autourl.length; i ++)
*** ("<อินพุตประเภท = ชื่อข้อความ = txt"+i+"size = 10 value ="/ในการทดสอบ & hellip; & hellip;> =》 <ประเภทอินพุต = ข้อความ
name = url "+i+" size = 40> =》 <ประเภทอินพุต = ปุ่มค่า = "/blog/go
onclick = window.open (this.form.url "+i+". ค่า)> <br> ")
*** ("<อินพุตประเภท = ส่งค่า = รีเฟรช> </form>")
-
ก้น ()
ฟังก์ชั่นอัตโนมัติ (URL) {
document.forms [0] ["url"+b] .value = url
ถ้า (ทิม> 200)
{document.forms [0] ["txt"+b] .value = "/link timeout"}
อื่น
{document.forms [0] ["txt"+b] .value = "/blog/time"+tim/10+"วินาที"}
B +++
-
ฟังก์ชั่นเรียกใช้ () {สำหรับ (var i = 1; i <autourl.length; i ++) *** ("<img src = http: //"+autourl+"/"+math.random ()+"ความกว้าง = 1 ความสูง = 1
onerror = auto ("http: //"+autourl+"")> ")}
run () </script>

37. เคอร์เซอร์หลายรูปแบบ

อัตโนมัติ: เคอร์เซอร์มาตรฐาน
ค่าเริ่มต้น: ลูกศรมาตรฐาน
มือ: เคอร์เซอร์มือ
รอ: รอเคอร์เซอร์
ข้อความ: เคอร์เซอร์รูปตัวฉัน
ข้อความแนวตั้ง: เคอร์เซอร์รูปแนวนอน
ไม่ลดลง: เคอร์เซอร์ไม่สามารถลากได้
ไม่อนุญาต: เคอร์เซอร์ไม่ถูกต้อง
ความช่วยเหลือ:? เคอร์เซอร์ช่วยเหลือ
All-Scroll: เครื่องหมายทิศทางสามเหลี่ยม
ย้าย: แท็กมือถือ
Crosshair: Crosshair
อิเล็กทรอนิกส์
N-resize
NW-resize
W-resize
S-resize
ขนาดที่เพิ่มขึ้น
ขนาด SW

38. เอฟเฟกต์พิเศษสำหรับการเข้าหน้าและออก

ไปที่หน้า

<meta http-equiv = "page-enter" content = "reviewtrans (duration = x, transition = y)">

ออกจากหน้า

<meta http-equiv = "page-exit" content = "reviewtrans (duration = x, transition = y)">

นี่คือเอฟเฟกต์พิเศษบางอย่างเมื่อมีการโหลดหน้าเว็บและเรียกออกมา ระยะเวลาแสดงถึงระยะเวลาของเอฟเฟกต์พิเศษในไม่กี่วินาที การเปลี่ยนแปลงระบุว่ามีการใช้เอฟเฟกต์พิเศษใดโดยมีค่า 1-23:

0 สี่เหลี่ยมผืนผ้าหดตัว 1 สี่เหลี่ยมขยาย 2 รอบหด 3 รอบ 3 รอบขยาย 4 ลงไปด้านบน 5 ขึ้นไปด้านล่าง 6 รีเฟรชซ้ายไปขวา 7 รีเฟรชขวาไปซ้าย 8 มู่ลี่แนวตั้ง 9 มู่ลี่แนวนอน 10 มู่ล รีเฟรชกลาง 14 กลางถึงซ้ายไปขวารีเฟรช 15 กลางถึงบนลงล่าง 16 บนลงไปกลาง 17 ล่างขวาไปซ้าย 18 ขวาบนไปล่างซ้าย 19 บนซ้ายไปล่างขวา 20 ล่างซ้ายไปขวาบน 21 แถบแนวนอน 22 แถบแนวตั้ง 23 เหนือ 22 ชนิดการเลือกแบบสุ่ม

39. กระโดดภายในเวลาที่กำหนด

<meta http-equiv = v = "Refresh" content = "5; url = http: //www.chinaz.com">

40. ไม่ว่าจะดึงหน้าเว็บ

<meta name = "Robots" content = "ค่าแอตทริบิวต์">
ค่าแอตทริบิวต์มีดังนี้:
ค่าแอตทริบิวต์คือ "ทั้งหมด": ไฟล์จะถูกเรียกคืนและลิงก์ในหน้าสามารถสอบถามได้;
ค่าคุณสมบัติคือ "ไม่มี": ไฟล์ไม่ได้รับการเรียกคืนและลิงก์ในหน้าไม่ได้ทำการสืบค้น
ค่าคุณสมบัติคือ "ดัชนี": ไฟล์จะถูกเรียกคืน;
ค่าคุณสมบัติคือ "ติดตาม": ลิงก์ในหน้าการสืบค้น;
ค่าแอตทริบิวต์คือ "noindex": ไฟล์ไม่ได้รับการเรียกคืน แต่สามารถสืบค้นสำหรับลิงก์;
ค่าคุณสมบัติคือ "nofollow": ไฟล์ไม่ได้รับการเรียกคืน แต่ลิงก์ในหน้าสามารถสอบถามได้

41. แผนกที่อยู่อีเมล

เพิ่มรหัสต่อไปนี้ในพื้นที่ <body>

<a href = "mailto: [email protected]"> [email protected] </a>

42. ตารางเอฟเฟกต์ชายแดนไหล

เพิ่มรหัสต่อไปนี้ในพื้นที่ <body>

<script>
l = อาร์เรย์ (6,7,8,9, 'a', 'b', 'b', 'c', 'd', 'e', ​​'f')
nx = 5; ny = 35
t = "<table border = 0 cellpacing = 0 cellpadding = 0 ความสูง ="+((nx+2)*16)+"> <tr>"
สำหรับ (x = nx; x <nx+ny; x ++)
t+= "<td width = 16 id = a_mo"+x+"> </td>"
t+= "</tr> <tr> <td width = 10 id = a_mo"+(nx-1)+"> </td> <td colspan ="+(ny-2)+"rowspan ="+( nx)+"> </td> <td width = 16 id = a_mo"+(nx+ny)+"> </td> </tr>"
สำหรับ (x = 2; x <= nx; x ++)
t+= "<tr> <td width = 16 id = a_mo"+(nx-x)+"> </td> <td width = 16 id = a_mo"+(ny+nx+x-1)+">> </td> </tr> "
t+= "<tr>"
สำหรับ (x = ny; x> 0; x--)
t+= "<td width = 16 id = a_mo"+(x+nx*2+ny-1)+"> </td>"
*** (t+"</tr> </table>")
var n = nx*2+ny*2
ฟังก์ชั่น f1 (y) {
สำหรับ (i = 0; i <n; i ++) {
c = (i+y)%20;
document.all ["a_mo"+(i)]. bgcolor = "" "#0000"+l [c]+l [c]+""}
y ++
settimeout ('f1 ('+y+')', '1')}
F1 (1)
</script>

43. JavaScript หน้าแรกทักษะป๊อปอัพ

โผล่ขึ้นมากลางหน้าต่าง

<script>
window.open ("http://www.chinaz.com", "", "width = 400, ความสูง = 240, top ="+(screen.availheight-240)/2+", ซ้าย ="+(หน้าจอ .AvailWidth-400)/2);
</script>
-
<html>
<head>
<ภาษาสคริปต์ = "LiveScript">
ฟังก์ชั่น winopen () {
msg = open ("", "displayWindow", "toolbar = ไม่, ไดเรกทอรี = ไม่, menubar = no");
msg. *** ("<head> <title> harrow! </title> </head>");
ผงชูรส *** ("<center> <H1> มันเจ๋งมาก! </h1> <h2> นี่คือหน้าต่างที่เปิดโดย <b> JavaScript </b>! </h2> </enter>");
-
</script>
</head>
<body>
<form>
<input type = "button" name = "button1" value = "push me" onclick = "winopen ()">
</form>
</body>
</html>

1. ในรหัสต่อไปนี้คุณเพียงคลิกเพื่อเปิดหน้าต่างเพื่อเชื่อมโยงไปยังเว็บไซต์เว็บมาสเตอร์จีน และเมื่อคุณต้องการปิดเพียงคลิกเพื่อปิดหน้าต่างที่เพิ่งเปิด

รหัสมีดังนี้:

<ภาษาสคริปต์ = "JavaScript">
- -
ฟังก์ชั่น openclk () {
อื่น = เปิด ('1000) {this.resized = true; this.style.width = 1000;} "Align = Absmiddle Border = 0> http://www.chinaz.com', 'newwindow');
-
ฟังก์ชั่น closeclk () {
อื่น. close ();
-
-
</script>
<form>
<input type = "button" name = "Open" value = "/เปิดหน้าต่าง" onClick = "OpenClk ()">
<br>
<input type = "button" name = "close" value = "/blog/ปิดหน้าต่างนี้" onclick = "closeclk ()">
</form>

2. รหัสข้างต้นเงียบเกินไปทำไมไม่รู้สึกถึงไดนามิกเล็กน้อย? มันจะดีแค่ไหนถ้าฉันสามารถให้เอฟเฟกต์การลงจอดหน้าได้!

รหัสมีดังนี้:

<script>
ฟังก์ชัน Drop (n) {
ถ้า (self.moveby) {
self.moveby (0, -900);
สำหรับ (i = n; i> 0; i-) {
self.moveby (0, 3);
-
สำหรับ (j = 8; j> 0; j-) {
self.moveby (0, j);
self.moveby (j, 0);
self.moveby (0, -j);
self.moveby (-j, 0);
-
-
-
</script>
<body onload = "drop (300)">

3. ฉันเกลียดที่เว็บไซต์หลายแห่งเปิดอยู่เสมอตามหน้าต่างเริ่มต้น

รหัสมีดังนี้:

<ภาษาสคริปต์ = "JavaScript">
- -- เริ่ม
ฟังก์ชั่น popuppage (l, t, w, h) {
var windowprops = "ตำแหน่ง = ไม่, scrollbars = no, menubars = no, toolbars = ไม่, resizable = ใช่"
", left =" + l + ", top =" + t + ", width =" + w + ", ความสูง =" + h;
var url = "http://www.80cn.com";
popup = window.open (url, "menupopup", windowprops);
-
// end ->
</script>
<table>
<tr>
<td>
<form name = popupform>
<pre>
เปิดพารามิเตอร์หน้า <br>
ระยะทางจากด้านซ้าย: <อินพุตประเภท = ชื่อข้อความ = ขนาดซ้าย = 2 maxLength = 4> พิกเซล
ระยะทางจากด้านขวา: <ประเภทอินพุต = ชื่อข้อความ = ขนาดด้านบน = 2 maxLength = 4> พิกเซล
ความกว้างของหน้าต่าง: <อินพุตประเภท = ชื่อข้อความ = ขนาดความกว้าง = 2 maxLength = 4> พิกเซล
ความสูงของหน้าต่าง: <อินพุตประเภท = ชื่อข้อความ = ขนาดความสูง = 2 maxLength = 4> พิกเซล
</der>
<enter>
<อินพุต type = button value = "เปิดหน้าต่างนี้!" onclick = "popuppage (this.form.left.value, this.form.top.value, this.form.width.value,
this.form.height.value) ">
</enter>
</form>
</td>
</tr>
</table>

คุณเพียงแค่ต้องป้อนค่าในกล่องโต้ตอบที่เกี่ยวข้องและหน้าต่างของหน้าเว็บที่จะเปิดนั้นควบคุมได้ดี

บทความที่เกี่ยวข้อง