JavaScript BOM——「locationオブジェクト」の注意点

1463 ワード

locationオブジェクトの基本的な紹介
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()メソッド
再ロードして、次のようにオプションのパラメータを受信します.
  • location.reload();//
  • がキャッシュからロードされる可能性があります.
  • location.reload(true);//サーバからの再ロード
  • 例えば:
    setTimeout(reloading, 5000);
    function reloading(){
        location.reload(true);
    }
    
    5秒ごとにページをリフレッシュします.