JavaScript - Webブラウザのオブジェクト(Locationオブジェクト)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

独習JavaScript 高橋 和也 (著), 竹添 直樹 (著), 里見 知宏 (著) の第8章(Webブラウザのオブジェクト)8.6(Locationオブジェクト)練習問題を解いてみる。

その他参考書籍

• JavaScript 第5版 David Flanagan (著), 村上 列 (翻訳)
• JavaScriptクイックリファレンス David Flanagan (著), 木下 哲也 (翻訳), 福龍興業 (翻訳)

1.

コード(TextWrangler)

<form name="form">
  <input type="text" name="url" value="http://sitekamimura.blogspot.com/"/>
  <input type="button" value="入力したURLにジャンプ"
         onclick="jumpToUrl()"/>
</form>
<script>
function jumpToUrl(){
  var url = document.form.url.value;
  location.replace(url);
}
</script>

location.hrefプロパティへの値の代入に夜ジャンプでは履歴に残るのでWebブラウザの戻るボタンで前のページにもどることができるけど、location.replace()メソッド(上記問1)では履歴に残らないため前のページに戻るボタンで戻ることが出来ない。

location.hrefプロパティへの値の代入の場合。

コード(TextWrangler)

<form name="form1">
  <input type="text" name="url1" value="http://sitekamimura.blogspot.com/"/>
  <input type="button" value="入力したURLにジャンプ"
         onclick="jumpToUrl1()"/>
</form>
<script>
  function jumpToUrl1(){
    var url = form1.url1.value;
    location.href = url;
  }
</script>