55 tips klasik yang paling umum digunakan dalam JavaScript (3)

Penulis：Eve Cole Waktu Pembaruan：2025-02-11 15:56:50

44. Pembukaan halaman dan seluler

Tambahkan kode berikut ke area <body>

<Bahasa skrip = "javascript">
<!- Mulailah
untuk (t = 2; t> 0; t--) {
untuk (x = 20; x> 0; x--) {
untuk (y = 10; y> 0; y--) {
Parent.moveby (0, -x);
}
}
untuk (x = 20; x> 0; x--) {
untuk (y = 10; y> 0; y--) {
Parent.moveby (0, x);
}
}
untuk (x = 20; x> 0; x--) {
untuk (y = 10; y> 0; y--) {
parent.moveby (x, 0);
}
}
untuk (x = 20; x> 0; x--) {
untuk (y = 10; y> 0; y--) {
parent.moveby (-x, 0);
}
}
}
//->
// end ->
</script>

45. Tampilkan tanggal dan waktu mesin klien pribadi

<bahasa skrip = "livescript">
<!- Bersembunyi
hari ini = tanggal baru ()
*** ("Waktu sekarang adalah:", hari ini.getHours (), ":", hari ini.getMinutes ())
*** ("<br> Tanggal hari ini adalah:", hari ini.getMonth ()+1, "/", hari ini.getDate (), "/", hari ini.getYear ());
// Akhiri konten persembunyian ->
</script>

46. Secara otomatis menghasilkan tanggal yang dimodifikasi terakhir untuk Anda setiap kali:

<Html>
<body>
Ini adalah halaman HTML sederhana.
<br>
Perubahan terakhir:
<bahasa skrip = "livescript">
<!- Sembunyikan skrip dari browser lama
*** (Document.LastModified)
// Akhiri konten persembunyian ->
</script>
</body>
</html>

47. Kendala yang tidak bisa kosong dan alamat email:

<Html>
<head>
<bahasa skrip = "javascript">
<!- Sembunyikan
function test1 (form) {
if (form.text1.value == "")
peringatan ("Anda tidak menulis apa pun, silakan masukkan lagi!")
kalau tidak {
alert ("hai"+form.text1.value+"! Anda telah memasukkannya lengkap!");
}
}
function test2 (form) {
if (form.text2.value == "" ||
form.text2.value.indexof ('@', 0) == -1)
Peringatan ("Ini bukan alamat email yang benar! Silakan masukkan lagi!");
Lain waspada ("Anda telah memasukkannya lengkap!");
}
// ->
</script>
</head>
<body>
<Form name = "First">
Masukkan nama Anda: <br>
<input type = "text" name = "text1">
<input type = "tombol" name = "button1" value = "input test" onClick = "test1 (this.form)">
<p>
Masukkan alamat email Anda: <br>
<input type = "text" name = "text2">
<input type = "tombol" name = "button2" value = "input test" onClick = "test2 (this.form)">
</body>

48. Cahaya Balap Kuda

<Html>
<head>
<bahasa skrip = "javascript">
<!- Sembunyikan
var scrtxt = "Bagaimana! Ini keren! Anda juga bisa mencobanya."+"Ini pesan Anda para pengunjung ke Anda
Halaman akan "+" melihat berjam -jam dalam daya tarik murni ... ";
var lentxt = scrtxt.length;
var lebar = 100;
var pos = 1-lebar;
fungsi gulir () {
pos ++;
var scroller = "";
if (pos == lentxt) {
POS = 1-lebar;
}
if (pos <0) {
untuk (var i = 1; i <= math.abs (pos); i ++) {
scroller = scroller+"";}
scroller = gulir+scrtxt.substring (0, lebar-i+1);
}
kalau tidak {
scroller = scroller+scrtxt.substring (pos, lebar+pos);
}
window.status = scroller;
setTimeout ("scroll ()", 150);
}
//->
</script>
</head>
<body onload = "scroll (); return true;">
Halaman web Anda dapat ditampilkan di sini!
</body>
</html>

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

50. Periksa kode sumber URL tertentu

Tambahkan kode berikut ke area <body>

51. Judul Displays Tanggal

Tambahkan kode berikut ke area <body>: