Keterampilan JavaScript praktis yang harus dikumpulkan pengembang web untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
1. Tombol mouse kanan akan sepenuhnya diblokir
OnContextMenu = "window.event.ReturnValue = false"
<tabel border oncontextMenu = return (false)> <td> no </able> dapat digunakan untuk tabel
2. Bukalah dan Cegah Menyalin
<body onselectstart = "return false">
3.Js tidak mengizinkan menempel
Onpaste = "return false"
4. JS mencegah penyalinan
Oncopy = "return false;" oncut = "return false;"
5. Ubah ke ikon Anda sendiri di depan bilah alamat IE
<tautan rel = "ikon pintasan" href = "favicon.ico">
Masukkan gambar ini di direktori root file dan memodifikasi akhiran menjadi ICO
6. Anda dapat menampilkan ikon Anda di favorit Anda
<tautan rel = "bookmark" href = "favicon.ico">
7. Matikan metode input
<input style = "IME-Mode: Dinonaktifkan">
8. Selalu bawa bingkai
<bahasa skrip = "javascript"> <!
if (window == top) top.location.href = "frames.htm"; //frames.htm adalah halaman web bingkai
//> </script>
9. Cegah bingkai menjadi
<Bahasa skrip = javascript> <!
if (top.location! = self.location) top.location = self.location;
//> </script>
10. Halaman web tidak akan disimpan sebagai
<noscript> <iframe src =*. html> < /iframe> </noscript>
11. <Input Type = Tombol Nilai = Lihat Kode Sumber Halaman Web
OnClick = "window.location =" view-source: "+" http://www.pconline.com.cn "">
12. Konfirmasi saat penghapusan
<a href = "javascript: if (konfirmasi (" apakah itu benar -benar perlu dihapus? ")) lokasi =" boos.asp? & areyou = hapus
& halaman = 1 ″ ”> Hapus </a>
13. Dapatkan posisi kontrol absolut
// javascript <bahasa skrip = "javascript"> function getie (e) {var t = e.offsettop; var l = e.offsetleft; while (e = E.OffsetParent) {t+= e.offsettop; l+= e.offsetleft;} alert ("top ="+t+"/nleft ="+l);} </skrip a = document.all.img1t = document.all.img1.offsettopl = document.all.img1.offsetlefthile a.tagname <> "body" set a = a.offsetparentt = t+a.offsettopl = l+a.offsetleftwendmbox "Top =" & t & chr (13) & left = "LIFT" LIFTLEFTWENDMBOX "TOP =" & T & T & CHR (13) & "LIFT =" LIFT "LIFTLEFTWEDMBOX" TOP = "& T & CHR (13) &" LIFT = "&" LIFT = "&" LIFT = "14. Kursor dihentikan di ujung kotak teks
<script language = "javaScript"> function cc () {var e = event.srcelement; var r = e.createTextrange (); r.movestart ("karakter", e.value.length); r.collapse (true); r.select ();} < /skrip> <input type = nama teks = nilai text1 = ”12315. Tentukan sumber halaman sebelumnya
Javascript:
Document.referrer
16. Minimalkan, Maksimalkan, Tutup Windows
<objek id = hh1 classid = "clsid: adb880a6-d8ff-11cf-9377-00aaa003b7a11 ″> <param name =" command "value =" minimalkan "> </byporpent id = hh2 classid =" clsid: adb880a6-d8ff-11c-1177737 name = "command" value = "Maximize"> </boject> <objek id = HH3 classId = "clsid: adb880a6-d8ff-11cf-9377-00aa003b7a11 ″> <param name =" value = "tutup"> < /object> <input type = nilai tombol = minimal = hinhh hinhh1. OnClick = hh2.click ()> <input type = tombol nilai = tutup onclick = hh3.click ()>
Contoh ini berlaku untuk IE
17. Kunci Fungsi Blok Geser, Alt, Ctrl
<script> function look () {if (event.shiftkey) peringatan ("Kunci shift dilarang!"); // dapat diganti dengan alt ctrl} document.onkeydown = lihat; </script>18. Halaman web tidak akan di -cache
<Meta http-equiv = "pragma" konten = "no-cache">
<Meta http-equiv = "cache-control" content = "no-cache, harus-revalidasi">
<Meta http-equiv = "kedaluwarsa" konten = "Rabu, 26 Feb 1997 08:21:57 GMT">
Atau <meta http-equiv = "kedaluwarsa" konten = "0 ″>
19. Bagaimana membuat bentuk tidak memiliki perasaan cekung dan cembung?
<Input Type = Text Style = ”Border: 1 Solid #000000 ″>
atau
<Input Type = Text Style = ”Border-Left: None; Border-Right: None; Border-Top: None; Border-Bottom:
1 solid #000000 ″> </pextarea>
20. Perbedaan antara <Sal div> <span> & <layer>?
<div> (Divisi) digunakan untuk mendefinisikan segmen besar elemen halaman, yang akan menyebabkan transfer saluran
<span> digunakan untuk mendefinisikan elemen di baris yang sama. Satu -satunya perbedaan antara <viv> adalah tidak menghasilkan transfer saluran
<Payer> adalah tag dari NS, IE tidak mendukungnya, yang setara dengan <verv>
21. Biarkan jendela pop-up selalu berada di atas:
<body onblur = "this.focus ();">
22. Jangan menggulir bar?
Biarkan bilah vertikal:
<body style = "overflow: gulir; overflow-y: tersembunyi">
</body>
Biarkan bilah horizontal jangan:
<body style = "overflow: gulir; overflow-x: tersembunyi">
</body>
Hapus keduanya? Itu lebih mudah
<body scroll = "no">
</body>
23. Cara menghapus garis putus -putus di sekitar gambar setelah mengklik tautan gambar?
<a href = "#" onfocus = "this.blur ()"> <img src = "logo.jpg" border = 0> </a>
24. Formulir Pengajuan Pemrosesan Email
<Form name = "Form1 ″ Method =" POST "ACTION =" MailTO: ****@***. com "enctype =" Text/Plain ">
<input type = Submit>
</form>
25. Bagaimana cara menulis dalam kode menyegarkan jendela induk di jendela anak terbuka?
window.opener.location.reload ()
26. Cara Mengatur Ukuran Halaman untuk Dibuka
<body onload = ”top.Resizeto (300.200);”>
Lokasi di mana halaman dibuka <body onload = "top.moveby (300.200);">
27. Cara menambahkan gambar latar belakang yang tidak penuh pada halaman, dan gambar latar belakang tetap tidak tergerak saat menarik halaman
<tyle>
Tubuh
{latar belakang-gambar: tidak ada; Latar belakang-repeat: No-Repeat;
Latar belakang posisi: tengah; latar belakang-attachment: tetap}
</tyle>
28. Periksa apakah string terdiri dari angka
<bahasa skrip = "javascript"> <!
fungsi checknum (str) {return str.match (// d/) == null}
Peringatan (Checknum ("1232142141"))
Peringatan (Checknum ("123214214a1"))
//> </script>
29. Dapatkan ukuran jendela
document.body.clientwidth; document.body.clientHeight
30. Bagaimana menentukan apakah itu karakter
if (/media^/x00-/xfface/g.test(s)) peringatan ("berisi karakter Cina");
Lainnya peringatan ("semua karakter");
31.TextArea berapa banyak baris teks adaptif
<baris textarea = 1 name = s1 cols = 27 onpropertychange = "this.style.posheight = this.scrollheight">
< /textarea>
32. Tanggal dikurangi hari sama dengan kencan kedua
<bahasa skrip = javascript> fungsi cc (dd, dadd) {// penanganan kesalahan dapat ditambahkan var a = tanggal baru (dd) a = a.valueof () a = a dadd * 24 * 60 * 60 * 1000a = Tanggal baru (a) waspada (a.getlyEar () + "tahun" + (a.getmonth () + 1) + " +"). "Day")} cc ("12/23/2002", 2) </script>33. Radio mana yang dipilih
< HTML>< script language=”vbscript”>function checkme() for each ob in radio1if ob.checked then window.alert ob.valuenextend function< /script>< BODY>< INPUT name=”radio1″ type=”radio” value=”style” checked>Style< INPUT name=”radio1″ type=”radio” value=”barcode”>Barcode< INPUT type=”button” value=”check” OnClick = ”checkme ()”> </body> </html>
34. Skrip tidak pernah salah
<Bahasa skrip = "javascript"> <! HIDEFUNCTION KILLERRORS () {return true;} window.onerror = killerrors; //> </script>35. Kunci Enter memungkinkan kursor untuk pindah ke kotak input berikutnya
<input onkeydown = ”if (event.keycode == 13) event.keycode = 9 ″>
36. Mendeteksi kecepatan tautan situs web tertentu:
Tambahkan kode berikut ke area <body>:
<bahasa skrip = javascript> tim = 1setInterval ("Tim ++", 100) b = 1var autourl = baru Array () autourl [1] = "www.njcatv.net" autourl [2] = "javacool.3322.net" autourl [3] = "www.sina.com.cn" autourl [4] = "www.nuaa.edu.cn" autourl [5] (5] ("www.nuaa.edu.cn" autourl [5] [5] ("www.nuaa.edu.cn" autourl [5] [5] ("www.nuaa.edu.cn" autourl [5] [5] ("www.nuaa.edu.cn" autourl [5] [5] ("www.nuaa.edu.cn" autourl [5] [5] ("www.nuaa.edu.cn" autourl [5] [5] ("www.nuaa.edu.cn" autourl [5] [5]. " name = autof> ") untuk (var i = 1; i <autourl.length; i ++) document.write (" <input type = name teks = txt "+i+" size = 10 value = dalam tes ...> =》 <inputType = textName = url "+i+" size = 40> =》 <inputType = TextName = url "+i+" size = 40> =》 <input typon = tombol = tombol = url "+i+" size = 40> =》 <input type value = goOnclick = window.open (this.form.url "+i+". value)> ") document.write (" <input type = kirim nilai = refresh> </form> ")} function butt () fungsi auto (url) {document.forms [0] ["url"+b] .value = urlif (tim> 200) {document.forms [0] ["txt"+b] .value = "link timeout"} else {document.forms [0] ["txt"+b] .value = "waktu"+{document i=1;i< autourl.length;i++)document.write("< imgsrc=http://"+autourl+"/"+Math.random()+"width=1 height=1onerror=auto("http://"+autourl+"")>")}run()< /script>37. Berbagai gaya kursor
Otomatis: Kursor standar
Default: Panah standar
Tangan: Kursor Tangan
Tunggu: Tunggu kursor
Teks: Kursor berbentuk I.
Vertikal-Teks: Kursor Berbentuk I Horisontal
No-drop: kursor tidak dapat diseret
Tidak diizinkan: kursor tidak valid
Bantuan :? Membantu Kursor
All-Scroll: Tanda Arah Segitiga
Pindahkan: Tag seluler
Crosshair: Crosshair
e-ressize
n-resize
NW-Ressize
w-resize
S-resize
se-ressize
SW-resize
38. Efek khusus untuk entri dan keluar halaman
Masukkan halaman <meta http-equiv = "halaman-enter" content = "ungkapantrans (durasi = x, transisi = y)">
Halaman Rilis <meta http-equiv = "page-exit" content = "DESCEVERTRANS (durasi = x, transisi = y)">
Ini adalah beberapa efek khusus ketika halaman dimuat dan dipanggil. Durasi mewakili durasi efek khusus dalam hitungan detik.
Transisi menunjukkan efek khusus mana yang digunakan, nilainya
1-23:
0 persegi panjang menyusut
1 pembesaran persegi panjang
2 Bulat menyusut
3 pembesaran melingkar
4 turun ke atas untuk menyegarkan
5 Segarkan ke bawah
6 Refresh dari kiri ke kanan
7 Refresh kanan ke kiri
8 tirai vertikal
9 Tirai horizontal
10 Tirai horizontal yang dipindahkan
11 Tirai Vertikal Terpotong
12 poin difusi
13 Segarkan di sekitar tengah
14 Segarkan di tengah ke kiri dan kanan
15 Tengah ke Atas
16 naik dan turun ke tengah
17 kanan bawah ke kiri atas
18 kanan atas ke kiri bawah
19 kiri atas ke kanan bawah
20 kiri bawah ke kanan atas
21 batang horizontal
22 strip vertikal
23 atau lebih secara acak pilih salah satu dari 22 jenis
39. Lompat dalam waktu yang ditentukan
<Meta http-equiv = v = "refresh" content = "5; url = http: //www.51js.com">
40. Apakah halaman web telah diambil
<meta name = "robots" content = "nilai atribut">
Nilai atribut adalah sebagai berikut:
Nilai atribut adalah "Semua": file akan diambil, dan tautan pada halaman dapat ditanya;
Nilai atribut adalah "tidak ada": file tidak diambil dan tautan pada halaman tidak diminta;
Nilai atribut adalah "indeks": file akan diambil;
Nilai atribut adalah "ikuti": tautan di halaman kueri;
Nilai atribut adalah "NoIndex": file tidak diambil, tetapi dapat ditanyakan untuk tautan;
Nilai properti adalah "nofollow": file tidak diambil, tetapi tautan pada halaman dapat ditanya.
41. Masukkan
Gunakan skrip klien untuk menambahkan acara dokumen OnKeydown ke halaman, sehingga halaman dapat melakukan tab setelah menerima acara pengembalian kereta.
Fungsi kunci adalah mengubah kode kunci acara dari 13 ke 9
Kode JavaScript adalah sebagai berikut:
<skrip bahasa = "javascript" for = "document" event = "onKeyDown"> <! if (event.keycode == 13) event.keycode = 9;> </ptript>
Cara pemrosesan ini dapat memindahkan fokus ke bawah, tetapi juga memainkan peran yang sama untuk tombol. Secara umum, pelanggan telah selesai masuk
Setelah data dilompat ke tombol, yang terbaik adalah menekan "Enter" secara langsung untuk mengirimkan data. Oleh karena itu, metode di atas perlu dilakukan.
Untuk modifikasi, tombol "Kirim" tidak boleh digeser. Sebaliknya, pengiriman harus diaktifkan secara langsung.
Oleh karena itu, saya membuat modifikasi pada kode di atas, yaitu untuk menentukan apakah "sumber" acara adalah tombol kirim. Kodenya adalah sebagai berikut:
<script language = "javascript" for = "document" event = "onKeyDown"> <! if (event.keycode == 13 && event.srcelement.type! = 'tombol' && type.srcelement.type! = 'kirim' && event.srcelement.type! = 'reset' && event.srcelement.srcelement.typelement! event.srcelement.type! = ") event.keycode = 9;> </script>
Tentukan apakah itu tombol, karena akan ada tipe = "tombol" di html
Tentukan apakah itu dikirimkan, karena ada tipe = "kirim" pada html
Tentukan apakah itu diatur ulang karena "reset" pada HTML harus dieksekusi
Penghakimannya adalah bahwa itu kosong karena "tautan <a>" pada HTML juga harus dieksekusi. Situasi ini tidak banyak terjadi. Anda dapat menggunakan metode "TabIndex = -1" untuk membuka tautan dan mendapatkan fokus.
Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.