第７回JavaScriptゼミ セクション４－５ 発表者 直江 宗紀
locationオブジェクト locationオブジェクトとは ＵＲＬとは 現在のページのＵＲＬの情報管理するオブジェクト 指定ページへのジャンプ、別ウィンドウＵＲＬ変更も可 メソッドによるページ移動、リロードなども行う ＵＲＬとは Uniform Resource Locatorの略 構造： プロトコル://ホスト名:ホスト名/パス名#アンカー名?検索文字列 例：http://www.google.com/ig?hl=ja.
locationオブジェクト（２） locationオブジェクトのプロパティ ＷｅｂページのＵＲＬ全体または一部を表す 現在のＷｅｂページのＵＲＬに存在しないプロパティ →””が返される プロパティ 説明 hash URLのアンカー部分 host URLのホストネーム＋ポート番号 href URLすべて hostname URLのホスト名 pathname URLのパス名 port URLのポート番号 protocol URLプロトコル部分 search URL検索キーワードなどを指定する部分
プロパティの特徴 特徴 プロパティは読み込み書き込み可能 例：window.location.href=“http://www.yahoo.co.jp/” ; locationオブジェクトに直接ＵＲＬ指定可脳 例：window.location=“http://www.google.com/”;
locationオブジェクトのメソッド locationオブジェクトのメソッドについて reload() replace() 現在のドキュメントを強制リロード 引数が trueの場合：サーバーからロード falseの場合：キャッシュからロード replace() 現在のＷｅｂページを削除→指定ページをロード 引数は指定先ＵＲＬ 利用時、履歴も削除される
メソッド利用プログラム例 自動ページ移動プログラム <html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script language="JavaScript" type="text/javascript"> var time=5 ; function setTimer(){ setTimeout("location.replace('timeout.html')",time*1000) ; } </script> </head> <body bgcolor="#ffffff" onload="setTimer()"> <h2>５秒後に自動ページ移動</h2> </body> </html>
プログラム結果
historyオブジェクト historyオブジェクトとは historyオブジェクトのプロパティ これまで開いたＷｅｂページを記録 (ただし、ブラウザ起動後から) 開いた記録から「戻る」や「進む」の機能を提供 (ブラウザと違い任意のページ数移動できる) historyオブジェクトのプロパティ lengthのみ これまで開いたページ数が格納されている
historyオブジェクトのメソッド historyオブジェクトのメソッドについて back() forward() go() 履歴を１つさかのぼる 構文：history.back() forward() 履歴を１つ新しい方に移動する 構文：history.forward() go() 引数に指定した数値分のページを戻したり進ませる history.go(pageNumber)
go()メソッド go()メソッドについて 引数：pageNumber – 戻る、進むページ数 正数ー進むページ数 負数ー戻るページ数 ０ －現在のページをリロード
練習問題 任意のページのソースを表示するプログラムを作成せよ。なお、その際参考書のサンプルプログラムを参考にしても良い(p.271 – viewsrc.html)。