戻れなくなるリンク
表示の例
例1 テストページへ
例2
上のリンク文字やボタンをクリックすると、テストページにリンクしますが、
ブラウザの [戻る] ボタンなどをクリックしても、このページには戻れません。
このページとリンク先のページ(例ではテストページ)を入れかえるソースです。
ソースは下のようになります。
表示させたい場所のHTMLソースに貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
例1のソース
<a href="JavaScript:location.replace('test4.html')">テストページへ</a>
例2のソース
<FORM><INPUT type="button" value="テストページへ" onClick="location.replace('test4.html')" style="border-style:solid; border-width:1px; border-color:#3366FF; background:#FFFFFF; font-size:10pt; color:#3366FF"></FORM>
リンク先は location.replace('test4.html') の test4.html をリンクさせたいアドレスにかえます。
ボタンの色は、下の表を見てあなたのお好みにかえてみましょう。
ボタンの外枠の太さ border-width:1px; の 1
ボタンの外枠の色 border-color:#3366FF; の #3366FF
ボタンの背景の色 background:#FFFFFF; の #FFFFFF
ボタンの文字の大きさ font-size:10pt; の 10
ボタンの文字の色 color:#3366FF の #3366FF
ホームページお役立ち小技集のTOPへ