Javascriptで最も一般的に使用されている55の古典的なヒント（3）

著者：Eve Cole 更新時間：2025-02-11 15:56:50

44。ページの開口部とモバイル

次のコードを<body>領域に追加します

<スクリプト言語= "javascript">
<！ - begin
for（t = 2; t> 0; t-）{
for（x = 20; x> 0; x--）{
for（y = 10; y> 0; y-）{
parent.moveby（0、-x）;
}
}
for（x = 20; x> 0; x--）{
for（y = 10; y> 0; y-）{
parent.moveby（0、x）;
}
}
for（x = 20; x> 0; x--）{
for（y = 10; y> 0; y-）{
parent.moveby（x、0）;
}
}
for（x = 20; x> 0; x--）{
for（y = 10; y> 0; y-）{
parent.moveby（-x、0）;
}
}
}
//->
//終了 - >
</script>

45。個人のクライアントマシンの日時を表示する

<スクリプト言語= "Livescript">
<！ - 隠れています
今日= new Date（）
***（ "現在の時間は："、today.gethours（）、 "："、today.getMinutes（）））
***（ "<br>今日の日付は："、today.getmonth（）+1、 "/"、today.getDate（）、 "/"、today.getyear（））;
//内容を非表示にします - >
</script>

46。毎回あなたのために最後の変更された日付を自動的に生成します。

<html>
<body>
これは簡単なHTMLページです。
<br>
最後の変更：
<スクリプト言語= "Livescript">
<！ - 古いブラウザからスクリプトを非表示にします
***（document.lastModified）
//内容を非表示にします - >
</script>
</body>
</html>

47。空にならない制約と電子メールアドレス：

<html>
<head>
<スクリプト言語= "javascript">
<！ - 非表示
関数test1（form）{
if（form.text1.value == ""）
アラート（「何も書かなかった、もう一度入力してください！」）
それ以外 {
alert（ "hi"+form.text1.value+"！あなたはそれを完全に入力しました！"）;
}
}
関数test2（form）{
if（form.text2.value == "" ||
form.text2.value.indexof（ '@'、0）== -1）
Alert（「これは正しい電子メールアドレスではありません！もう一度入力してください！」）;
else arert（ "あなたはそれを完全に入力しました！"）;
}
//->
</script>
</head>
<body>
<form name = "first">
あなたの名前を入力してください：<br>
<入力型= "text" name = "text1">
<入力型= "button" name = "button1" value = "入力テスト" onclick = "test1（this.form）">
<p>
電子メールアドレスを入力してください：<br>
<入力型= "text" name = "text2">
<入力型= "button" name = "button2" value = "入力テスト" onclick = "test2（this.form）">
</body>

48。競馬の光

<html>
<head>
<スクリプト言語= "javascript">
<！ - 非表示
var scrtxt = "お元気ですか！かっこいい！あなたもそれを試すことができます。
ページは「+」純粋な魅力の時間を見てください... ";
var lentxt = scrtxt.length;
var width = 100;
var pos = 1-width;
関数scroll（）{
pos ++;
var screoller = "";
if（pos == lentxt）{
pos = 1-width;
}
if（pos <0）{
for（var i = 1; i <= math.abs（pos）; i ++）{
scroller = screoller+"";}
screoller = screoller+scrtxt.substring（0、width-i+1）;
}
それ以外 {
screoller = screoller+scrtxt.substring（pos、width+pos）;
}
window.status = scroller;
setimeout（ "scroll（）"、150）;
}
//->
</script>
</head>
<body onload = "scroll（）; return true;">
あなたのウェブページはここに表示できます！
</body>
</html>

49。Webページでボタンを使用して、前のページ、次のページ、ホームページの表示を制御します。

50.特定のURLのソースコードを確認します

次のコードを<body>領域に追加します

<スクリプト>
関数add（）
{
var ress = document.forms [0] .luxiaoqing.value
window.location = "view-source："+ress;
}
</script>
ソースコードを表示するには、URLアドレスを入力してください。
<form> <入力タイプ= "text" name = "luxiaoqing" size = 40 value = "http：//"> </form>
<form> <br>
<入力型= "button" value = "ソースコードを表示" onclick = add（）>
</form>

51。タイトル表示日

次のコードを<body>領域に追加します。

<スクリプト言語= "javascript1.2">
<！ - 非表示
var isnmonth = new
array（ "1月"、 "2月"、「3月」、「4月」、「5月」、「6月」、「7月」、「8月」、「9月」、「10月」、「11月」、「12月」）） ;
var isnday = new
Array（ "Sunday"、 "Monday"、 "火曜日"、「水曜日」、「木曜日」、「金曜日」、「土曜日」、「日曜日」）;
今日= new date（）;
year = today.getyear（）;
date = today.getDate（）;
if（document.all）
document.title = "今日は："+year+"year"+isnmonth [today.getmonth（）]+date+"day"+isnday [today.getday（）]
//-非表示 - >
</script>