プログラミング学習の記録 295 "独習JavaScript"の第8章(Webブラウザのオブジェクト)の8.5(Navigatorオブジェクト), 8.6(Locationオブジェクト)

開発環境

• Microsoft Windows 7 Home Premium (OS)
• Internet Explorer 8 (プラウザ)
• Microsoft Visual Web Developer 2010 Express Edition (IDE)
• Script言語:JavaScript

"独習JavaScript"の第8章(Webブラウザのオブジェクト)の8.5(Navigatorオブジェクト)の練習問題8.5, 8.6(Locationオブジェクト)の練習問題8.6を解いてみる。




練習問題8.5
1.
Navigatorオブジェクトから取得可能な情報は、Webブラウザの種類やバージョン、プラットフォームの情報など、Webブラウザそのものに関する情報。

2.
document.write("userAgent: " + navigator.userAgent);


練習問題 8.6
1.
<form name="form"> <input type="text" name="url" /> <input type="button" value="入力したURLにジャンプ" onclick="jumpToUrl()" /> </form> function jumpToUrl() { location.href = document.form.url.value; }

2.
location.hrefプロパティへの値の代入によるジャンプではWebブラウザの履歴に残るので戻るボタンで元のページに戻ることができるが、location.replace()メソッドによるジャンプではWebブラウザの履歴に残らないため戻るボタンで元のページに戻れない。
確認。
<form name="form1"> <input type="text" name="url1" /> <input type="button" value="入力したURLにジャンプ(location.href)" onclick="jumpToUrl1()" /> <input type="button" value="location.replace()" onclick="jumpToUrl2()" /> </form> function jumpToUrl1() { location.href = document.form1.url1.value; } function jumpToUrl2() { var url = document.form1.url1.value; location.replace(url); }