JavaScript リンク系のボタンを設置する

<<Linjuxシステム設定 トップページに戻る

リンク系ボタンとは、ブラウザを開いたときに一番最初に表示させるための設定をボタンクリックでする事ができる「スタートページにする」や現在表示中のページをボタンクリックするだけで印刷する事ができる「ページを印刷する」など便利な機能です。
そんな便利なボタン機能の設置方を紹介します。



  • スタートページ（ホームページ）に設定するボタン

    以下をボタンを設置したい場所に記述する。

    <INPUT type="button" value="スタートページに登録"
    onclick="this.style.behavior='url(#default#homepage)';
    this.setHomePage('URL');">

  • ページを印刷するボタンを設置する

    以下をボタンを設置したい場所に記述する。

    <INPUT type="button" value="印刷"
    onclick="javascript:window.print();">

  • お気に入りに追加するボタンを設置する

    以下をボタンを設置したい場所に記述する。

    <INPUT type="button" value="お気に入りに登録"
    onclick="javascript:window.external.addFavorite('http://linux.hayarimon.com/','Linux設定マニュアル')">

  • ページを更新するボタンを設置する

    以下をボタンを設置したい場所に記述する。

    <INPUT type="button" value="更新"
    onclick="javascript:location.reload(true)">

  • 次のページに進むボタンを設置する

    以下をボタンを設置したい場所に記述する。

    <INPUT type="button" value="進む" onclick="history.forward()">

  • 前のページに戻るボタンを設置する

    以下をボタンを設置したい場所に記述する。

    <INPUT type="button" value="戻る" onclick="history.back()">

    ページを閉じるボタンを設置する

    以下をボタンを設置したい場所に記述する。

    <INPUT type="button" value="閉じる" onClick="self.close()">