• ベストアンサー

このソースって長所短所ありますかね?

次のソースどちらも前面に戻るです。 javaはブラウザが対応しているかどうかが問題でしょうが、昨今、非java対応は無いと思います。 それ以外でメリット、デメリットありますか? 宜しく願います。 <a href="javascript:history.back()">[戻る]</a> <input type="button" value="前面に戻る" onClick="pageBack()">

  • HTML
  • 回答数2
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • t_ohta
  • ベストアンサー率38% (5085/13290)
回答No.1

Java ではなく JavaScript 対応ですね。 どちらの「戻る」も JavaScript を使って戻る仕組みなので同じ事ですよね。 ただ、pageBack() は標準関数では無いので、どこかで pageBack() 関数の定義が必要になりますから、無駄に関数定義を書く必要があるってことがデメリットでしょうか。 <input type="button" value="前面に戻る" onClick="history.back()"> と書けば関数の定義を書かなくても済みますね。 あと、単純にボタンを表示させたいのであれば、input タグではなく button タグを使い <button type="button" onClick="history.back()">前面に戻る</button> と書く方がいいんじゃないでしょうか。

kfjbgut
質問者

補足

関数の定義が必要? 調べましたが良く解りませんでした・・ 特に私は何か記述はしてませんがね~?

その他の回答 (1)

  • t_ohta
  • ベストアンサー率38% (5085/13290)
回答No.2

> 関数の定義が必要? > 調べましたが良く解りませんでした・・ > 特に私は何か記述はしてませんがね~? JavaScriptの外部ファイルを読み込んでいるか、どこかで function "pageBack() { ・・・・ と言う記述をしていない限り onClick="pageBack()" は動作しないと思いますよ。

関連するQ&A

  • 元のソース 実際のコードが違う

    ブラウザで見る元のソースと 実際のコードが違います。 現在簡単なWEBページを作っているのですが いきなりcssがくずれ 頭の中で???となって調べてみた結果元のソースと 実際のコードが違いました。 特にどこかをいじった覚えもありません。 おかしな部分のソースです 実際のコード <input class="back" type="button" onclick="history.back()" value="戻る"> </form> </div> </body> </html> ブラウザの元のソース <input class="back" type="button" onclick="history.back()" value="戻る"> </form> </div> </body> </html>> </body> </html> </body> </html>click="history.back()" value="戻る"> </form> </div> </body> </html> とかなりおかしなことになっています。 ご教授お願いいたします。

    • ベストアンサー
    • HTML
  • JavaScriptが表示されません

    JavaScriptの練習をしています。 階層型メニューの表示ができるようになりたいのですが、今のところは基礎からと思い、単純なところから初めて・・・みようとしたのですが どしょっぱつから、ひっかかりました ◆例1 <script language="JavaScript"> <!-- document.write(こんにちは); //--> </script> ◇結果 IE画面上に、なにも表示されません ※以前、全く同じ構文で試したときには こんにちは が表示されました。 ※環境は同じで、変わっていません ◆例2 <form> <input type="button" value="戻る" onclick="history.back()"> <input type="button" value="更新" onclick="location.reload()"> <input type="button" value="進む" onclick="history.forward()"> <input type="button" value="トップページへ" onclick="location.href='http://www.red.oit-net.jp/tatsuya/index.htm'"> </form> ◇結果 これは、表示されました。 何回試しても、ちゃんと表示されます +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ いったい何が問題なのでしょうか?

  • history.back スクリプトオフのブラウザで表示させない方法ありますか?

    history.back=戻る 機能を使いたいのですが、JavaScriptをオフにしているブラウザでは、表示されないようにするにはどのような「方法」「スクリプト」を使えばいいのでしょうか? ボタンを表示させるブラウザを振り分けるスクリプトで オフの場合とオンの場合で読み込む外部スクリプトを振り分ければよいのか?と漠然と考えているのですが 記述方法が分かりません。。。 <input type="button" value=" 戻る " onClick="history.back()"> 以外で戻るスクリプトがあれば教えてください。 ◎動作させたい環境:  NN 4.7*~7.1  IE 4.01~6.0

  • 戻るボタンを押すと、ページ下に飛んでしまいます・・

    HPをタグ打ちで作成しております。解決方法が見つからなかったので教えてください。 bodyに、A「戻るボタン」とB「ページのTOPへ戻る」リンクを設置しました。 <input type="button" value="戻る" onClick="history.back()"> <a href="#top">ページのトップへ戻る</a> BをクリックしてからAをクリックすると、前のページではなくBの場所へ戻ってしまうんです・・。 history.back()だからそうなってしまうんですよね? そこまでは分かるのですが、history.back()を何にすればブラウザの戻るボタンと同じように出来るのかわからないのでどなたか教えて下さい。 色々調べたのですが、検索の仕方が悪いのか解決策が見つかりません。 初心者で申し訳ありませんが宜しくお願い致します。

  • フォームメール確認後の戻るについて

    教えてgooのNo.130269にも同様な質問があるのですが、教えてください。 htmlで作成した入力画面(フォーム)からcgi(perlで作成)で確認画面に行き、内容修正のための戻るボタンを設置しているのですが、戻るボタンを押すと、入力画面に戻っても、入力した内容が保持されないのですが、内容を保持する方法があれば教えてください。また、補足等が必要であればご連絡下さい。 私の使っているブラウザはIE5.5です。 確認画面では以下の両方のコードでだめでした。 <input type="button" value="内容を変更する" onclick="history.back()"> <a href="javascript:history.back()">内容を変更する</a>

    • 締切済み
    • CGI
  • ボタン?

    <form> <input type="button" value="<---戻る"onclick="history.back()"> </form> 「<---戻る」 の色を変える方法はないのですか?

    • ベストアンサー
    • CSS
  • JavaScriptのinput要素のonclick内で直接JavaS

    JavaScriptのinput要素のonclick内で直接JavaScript文を書きたい <input type="button" onclick="func()" value="ボタン"> のようにonclick内で関数を呼び出すことはできますが、 以下のようにスクリプトを直接書き込むのは可能でしょうか? (これは私が適当に考えただけなので多分動作はしませんが) <input type="button" onclick="javascript:( var a = 123; alert( a ); )" value="ボタン"> というのもちょっと試したいだけのときなど、 なるべく外部呼出しにしたくないことも多々あるもので・・

  • チェックボックスのチェック

    チェックボックスのチェックして送信した後のページから送信前のページに戻るとチェックボックスがチェックされた状態でブラウザで表示されます 1 2ここにチェックを入れて削除すると 3 1 3戻るを押した時にここにチェックが入ってしまいます javascriptで戻るボタンをつくっていますが他にチェックが残らずにに戻る方法はありますか? <input type=button value="戻る" onClick="history.back()"> よろしくお願いします

    • ベストアンサー
    • HTML
  • value="前面に戻る が認識しない!

    ここに <A href="***.shtml" target="_blank">あいう</A>---(1) <INPUT type="button" value="前面に戻る" onclick="pageBack()">---(2) の場合で、(1)はリンク先として別ウインドで開きます。 その(1)に(2)のソースを設定しても認識せづ、前面に戻りません。 認識させる方法はないですか? 宜しくお願いします。

  • 「ボタン」の幅の長さ

    「ボタン」の幅の長さを揃えたいのですが、 「★幅の設定」 の仕方を教えてください。よろしくお願いいたします。 <INPUT type="button" value="簡単" onclick="javascript:window.location.href='http://'">