Download presentation
Presentation is loading. Please wait.
1
第７回JavaScriptゼミ セクション４－５ 発表者 直江 宗紀
2
locationオブジェクト locationオブジェクトとは ＵＲＬとは 現在のページのＵＲＬの情報管理するオブジェクト
指定ページへのジャンプ、別ウィンドウＵＲＬ変更も可 メソッドによるページ移動、リロードなども行う ＵＲＬとは Uniform Resource Locatorの略 構造： プロトコル://ホスト名:ホスト名/パス名#アンカー名?検索文字列 例：
3
locationオブジェクト（２） locationオブジェクトのプロパティ ＷｅｂページのＵＲＬ全体または一部を表す
現在のＷｅｂページのＵＲＬに存在しないプロパティ →””が返される プロパティ 説明 hash URLのアンカー部分 host URLのホストネーム＋ポート番号 href URLすべて hostname URLのホスト名 pathname URLのパス名 port URLのポート番号 protocol URLプロトコル部分 search URL検索キーワードなどを指定する部分
4
プロパティの特徴 特徴 プロパティは読み込み書き込み可能
例：window.location.href=“ ; locationオブジェクトに直接ＵＲＬ指定可脳 例：window.location=“
5
locationオブジェクトのメソッド locationオブジェクトのメソッドについて reload() replace()
現在のドキュメントを強制リロード 引数が trueの場合：サーバーからロード falseの場合：キャッシュからロード replace() 現在のＷｅｂページを削除→指定ページをロード 引数は指定先ＵＲＬ 利用時、履歴も削除される
6
メソッド利用プログラム例 自動ページ移動プログラム <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>
7
プログラム結果
8
historyオブジェクト historyオブジェクトとは historyオブジェクトのプロパティ
これまで開いたＷｅｂページを記録 (ただし、ブラウザ起動後から) 開いた記録から「戻る」や「進む」の機能を提供 (ブラウザと違い任意のページ数移動できる) historyオブジェクトのプロパティ lengthのみ これまで開いたページ数が格納されている
9
historyオブジェクトのメソッド historyオブジェクトのメソッドについて back() forward() go()
履歴を１つさかのぼる 構文：history.back() forward() 履歴を１つ新しい方に移動する 構文：history.forward() go() 引数に指定した数値分のページを戻したり進ませる history.go(pageNumber)
10
go()メソッド go()メソッドについて 引数：pageNumber – 戻る、進むページ数
正数ー進むページ数 負数ー戻るページ数 ０ －現在のページをリロード
11
練習問題 任意のページのソースを表示するプログラムを作成せよ。なお、その際参考書のサンプルプログラムを参考にしても良い(p.271 – viewsrc.html)。
Similar presentations
