シーラ家ＴＯＰ \ プログラミング \ DL-Script \ JScript[リンクが跳ねる]
ダウンロード | 動作テスト | ソース観覧

全部壊れるスクリプト 動作確認・実装例

下のボタンをクリックすると、見ているＨＰが一気に崩れていきます。(笑
なお、実装にはユーザーを混乱に陥れないよう、十分注意して実装してください。

動作確認


表示されているすべての要素がなくなりますので、処理が完了したら、ブラウザの更新ボタンを押してください。

実装例

色付の部分がポイントとなっています。

ソース（一部省略）


<html><head>
<title>全部壊れる</title>
<script language="JScript" type="text/jscript" charset="shift_jis" src="allbreak.js"></script>
</head>
<body>
<h1>全部壊れる</h1>
<form>
<input type="button" value="全破壊開始！" onClick="allbreak();">
</form>
</body></html>
▲このページのＴＯＰ▲
ダウンロード | 動作テスト | ソース観覧
シーラ家ＴＯＰ \ プログラミング \ DL-Script \ JScript[リンクが跳ねる]