Beranda>Tutorial Desain Web>Standardisasi WEB

55 teknik klasik yang paling umum digunakan dalam Javascript (3)

Penulis：Eve Cole Waktu Pembaruan：2009-12-14 15:53:58

44. Pembukaan dan pergerakan halaman

Tambahkan kode berikut pada area <body>

<BAHASA SKRIP="JavaScript">
<!-- Mulai
untuk (t = 2; t > 0; t--) {
untuk (x = 20; x > 0; x--) {
untuk (y = 10; y > 0; y--) {
induk.moveBy(0,-x);
}
}
untuk (x = 20; x > 0; x--) {
untuk (y = 10; y > 0; y--) {
induk.moveBy(0,x);
}
}
untuk (x = 20; x > 0; x--) {
untuk (y = 10; y > 0; y--) {
induk.moveBy(x,0);
}
}
untuk (x = 20; x > 0; x--) {
untuk (y = 10; y > 0; y--) {
induk.moveBy(-x,0);
}
}
}
//-->
// Berakhir -->
</skrip>

45. Menampilkan tanggal dan waktu mesin klien pribadi

<bahasa skrip="LiveScript">
<!-- Bersembunyi
hari ini = Tanggal baru()
***("Waktu saat ini adalah: ",today.getHours(),":",today.getMinutes())
***(" <br>Tanggal hari ini adalah: ", hari ini.getMonth()+1,"/",hari ini.getDate(),"/",hari ini.getYear());
// akhiri penyembunyian konten -->
</skrip>

46. ​​​​Secara otomatis menghasilkan tanggal modifikasi terakhir untuk Anda setiap saat:

<html>
<tubuh>
Ini adalah halaman HTML sederhana.
<br>
Perubahan terakhir:
<bahasa skrip="LiveScript">
<!-- sembunyikan skrip dari browser lama
***(dokumen.lastModified)
// akhiri penyembunyian konten -->
</skrip>
</tubuh>
</html>

47. Tidak boleh kosong dan kendala alamat email :

<html>
<kepala>
<bahasa skrip="JavaScript">
<!-- Sembunyikan
fungsi tes1(formulir) {
if (form.text1.value == "")
alert("Anda tidak menulis apa pun, silakan masukkan lagi!")
kalau tidak {
alert("Hai"+form.text1.value+"! Anda telah menyelesaikan input Anda!");
}
}
fungsi tes2(formulir) {
if (form.text2.value == "" ||
form.teks2.nilai.indexOf('@', 0) == -1)
alert("Alamat email ini salah! Silakan masukkan lagi!");
else alert("Anda telah menyelesaikan input Anda!");
}
// -->
</skrip>
</kepala>
<tubuh>
<nama formulir="pertama">
Masukkan nama Anda: <br>
<masukan tipe="teks" nama="teks1">
<input type="button" name="button1" value="Masukkan pengujian" onClick="test1(this.form)">
<P>
Masukkan alamat email Anda: <br>
<masukan tipe="teks" nama="teks2">
<input type="button" name="button2" value="Masukkan pengujian" onClick="test2(this.form)">
</tubuh>

48. Tenda

<html>
<kepala>
<bahasa skrip="JavaScript">
<!-- Sembunyikan
var scrtxt="Bagaimana! Keren! Anda juga bisa mencobanya."+"Ini dia pesan Anda kepada pengunjung Anda
halaman akan "+"melihat berjam-jam dengan daya tarik murni...";
var lentxt=scrtxt.panjang;
var lebar=100;
var pos=1-lebar;
fungsi gulir() {
pos++;
penggulung var="";
jika (pos==lentxt) {
pos=1-lebar;
}
jika (pos <0) {
for (var i=1; i <=Matematika.abs(pos); i++) {
penggulung=penggulung+" ";}
scroller=scroller+scrtxt.substring(0,lebar-i+1);
}
kalau tidak {
scroller=scroller+scrtxt.substring(pos,lebar+pos);
}
window.status = penggulung;
setTimeout("gulir()",150);
}
//-->
</skrip>
</kepala>
<body onLoad="scroll();kembali benar;">
Halaman web Anda dapat ditampilkan di sini!
</tubuh>
</html>

49. Gunakan tombol di halaman web untuk mengontrol tampilan halaman sebelumnya, halaman berikutnya, dan halaman beranda.

<html>
<tubuh>
< NAMA BENTUK = "bilah tombol">
<INPUT TYPE="tombol" VALUE="Kembali" onClick="history.back()">
<INPUT TYPE="button" VALUE="JS- Beranda" onClick="location='script.html'">
<INPUT TYPE="tombol" VALUE="Berikutnya" onClick="history.forward()">
</BENTUK>
</tubuh>
</html>

50. Melihat kode sumber suatu situs web

Tambahkan kode berikut pada area <body>

<SKRIP>
fungsi tambahan()
{
var ress=document.forms[0].luxiaoqing.value
window.location="sumber-tampilan:"+ress;
}
</SKRIP>
Masukkan alamat URL tempat Anda ingin melihat kode sumber:
<FORM> <input type="text" name="luxiaoqing" size=40 value="http://"> </FORM>
<BENTUK> <br>
<INPUT type="button" value="Lihat kode sumber" onClick=add()>
</BENTUK>

51. Judul menampilkan tanggal

Tambahkan kode berikut pada area <body>:

<bahasa skrip="JavaScript1.2">
<!--sembunyikan
var bukan Bulan = baru
Array("Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember") ;
var bukanHari = baru
Array("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu", "Minggu");
hari ini = Tanggal baru() ;
Tahun=hari ini.getYear();
Tanggal=hari ini.getDate();
if(dokumen.semua)
document.title="Hari ini adalah: "+Tahun+"年"+isnMonth[hari ini.getMonth()]+Tanggal+"日"+isnDay[today.getDay()]
//--sembunyikan-->
</skrip>

Artikel Terkait