JavaScript BOM——「locationオブジェクト」の注意点
1463 ワード
locationオブジェクトの基本的な紹介
locationは、現在のウィンドウにロードされているドキュメントに関する情報を提供する最も有用なBOMオブジェクトの1つです.ナビゲーション機能もいくつか用意されています.次に、locationオブジェクトのすべてのプロパティを示します.
次のようなURLを渡します.
また、locationオブジェクトの他の属性を変更してURLを変更することもできます.これにより、ブラウザの履歴に新しいレコードが生成されます.
ブラウザの場所が変更されますが、履歴に新しいレコードが生成されません.また、ユーザーは価値のあるページに戻ることはできません.例えば:
再ロードして、次のようにオプションのパラメータを受信します. location.reload();// がキャッシュからロードされる可能性があります. location.reload(true);//サーバからの再ロード 例えば:
locationは、現在のウィンドウにロードされているドキュメントに関する情報を提供する最も有用なBOMオブジェクトの1つです.ナビゲーション機能もいくつか用意されています.次に、locationオブジェクトのすべてのプロパティを示します.
URL : http://example.com:1234/test.htm#part2:
hash (#) URL( )。//#part2
host URL 。//example.com:1234
hostname URL 。//example.com
href URL。//http://example.com:1234/test.htm#part2:
pathname URL 。///test/test.htm
port URL 。//1234
protocol URL 。//http:
URL : http://www.w3school.com.cn/tiy/t.asp?f=hdom_loc_search
search (?) URL( )。//?f=hdom_loc_search
位置操作assign()
メソッド次のようなURLを渡します.
location.assign("http://www.baidu.com");
これにより、すぐに新しいURLを開き、ブラウザの履歴にレコードを生成できます.location.hrefとwindow.locationでURLの値に設定することもできます.また、locationオブジェクトの他の属性を変更してURLを変更することもできます.これにより、ブラウザの履歴に新しいレコードが生成されます.
replace()
メソッドブラウザの場所が変更されますが、履歴に新しいレコードが生成されません.また、ユーザーは価値のあるページに戻ることはできません.例えば:
setTimeout(function(){
location.replace("http://www.baidu.com");
}, 3000)
上のコードは、3秒後に新しいページにジャンプします.reload()
メソッド再ロードして、次のようにオプションのパラメータを受信します.
setTimeout(reloading, 5000);
function reloading(){
location.reload(true);
}
5秒ごとにページをリフレッシュします.