Web ページ制作における 9 つの特殊効果ボタンのコード

この記事では、Web ページ制作では必ず使用されるボタンのコードをいくつか紹介します。

ソース コードの表示

以下は引用されたスニペットです。
<input TYPE="button" NAME="view" VALUE="ソース コードを表示" OnClick="window.location='view-source:' +window.location.href" >

前のステップに戻る

以下は引用部分です。
<input TYPE="button" VALUE="前のステップに戻る" ONCLICK="history.back(-1)">

[更新] ボタン -

以下は引用のスニペットです。
<input TYPE="ボタン" VALUE="ボタン 1 を更新" ONCLICK="ReloadButton()">
<スクリプト言語="JavaScript">
<!--
function ReloadButton(){location.href="3.html";}
// -->
</script>

更新ボタン 2

以下は引用の抜粋です。
<p>
<input TYPE="button" VALUE="更新ボタン 2" onClick="history.go(0)">

ホームボタンに戻る

以下は引用です。
<input TYPE="ボタン" VALUE="ホームボタン" ONCLICK="ホームボタン()">
<スクリプト言語="JavaScript">
<!--
function HomeButton(){location.href=http://www.aaa.com;}
// -->
</script>

警告ボックスが表示されます。

以下は引用です。
<input TYPE="ボタン" VALUE="ポップアップ警告ボックス" ONCLICK="AlertButton()">
<スクリプト言語="JavaScript">
<!--
function AlertButton(){window.alert("今日は飲みましたか? :)");}
// -->
</script>

ステータス バーの情報を

以下に引用します。
<p>
<input TYPE="ボタン" VALUE="ステータスバー情報" ONCLICK="StatusButton()">
<スクリプト言語="JavaScript">
<!--
function StatusButton(){window.status="お元気ですか?:)";}
// -->
</script>

背景色の変換

以下は引用されたスニペットです。
<input TYPE="button" VALUE="背景色の変更" onClick="BgButton()">
<スクリプト言語="JavaScript">
<!--
関数 BgButton(){
if (document.bgColor=='#3399ff')
{document.bgColor='#00ccff';}
else{document.bgColor='#3399ff';}
}
// -->
</script>

新しいウィンドウを開きます

以下は引用です。
<input TYPE="ボタン" VALUE="新しいウィンドウを開く" ONCLICK="NewWindow()">
<スクリプト言語="JavaScript">
<!--
function NewWindow(){window.open( http://www.aaa.com,"","height=600,width=800,left=10,top=10,status=no,location=no,toolbar=no 、ディレクトリ = いいえ、メニューバー = いいえ");}
// -->
</script>