JavaScript：location.hrefとlocationの設定

設定locationとURL文字列のどちらに設定するのlocation.hrefですか？

location = "http://www.stackoverflow.com";

対

location.href = "http://www.stackoverflow.com";

Mozilla Developer Networkリファレンス

location少し短いので直接設定するかもしれません。簡潔にしようとしている場合は、通常、省略することwindow.もできます。

両方へのURLの割り当てlocation.hrefとは、locationバックNetscapeの2には、JavaScript 1.0で動作するように定義され、以来、すべてのブラウザに実装されています。だからあなたのピックを取り、あなたが最もはっきりしているものを使用してください。

両方とも機能する場合でも、後者を使用します。 locationはオブジェクトであり、オブジェクトに文字列を割り当てることは、読みやすさやメンテナンスのための良い前兆ではありません。

すでに述べたようにlocation、オブジェクトです。しかし、その人はどちらかを使用することを提案しました。 しかし、あなたはその.hrefバージョンを使うほうが良いでしょう。

オブジェクトにはデフォルトのプロパティがあり、他に何も指定されていない場合は、それらが想定されます。locationオブジェクトの場合は、というプロパティがあります.href。また、割り当て時にANYプロパティを指定しないことにより、デフォルトで「href」と見なされます。

これは、新しいオブジェクトモデルのバージョンが変更され、デフォルトのプロパティがなくなるか、デフォルトのプロパティが変更されるまで、問題なく機能します。次に、プログラムが予期せず壊れます。

もし意味hrefするなら、あなたは明記すべきhrefです。

数年前は、locationIE では機能せずlocation.href、他のブラウザーでも機能していました。それ以来、私はいつも使用location.hrefしていて、二度と問題がありませんでした。IEのバージョンを覚えていません。

ただ、明確にするためにあなたが行うことができないlocation.split('#')、locationオブジェクトではなく文字列です。しかし、それは文字列location.href.split('#');だからlocation.hrefです。

ただし、留意すべき違いが1つあります。

現在のURLを使用してURLを作成するとします。それが呼び出していないので、実際には次のコードの意志は、あなたをリダイレクトしString.replaceますがLocation.replace。

nextUrl = window.location.replace('/step1', '/step2');

次のコードが機能します。

// cast to string
nextUrl = (window.location+'').replace('/step1', '/step2');

// href property
nextUrl = window.location.href.replace('/step1', '/step2');

TypeScriptではwindow.location.href、window.location技術的には以下を含むオブジェクトをそのまま使用します。

Properties
hash 
host 
hostname
href    <--- you need this
pathname (relative to the host)
port 
protocol 
search 

設定window.locationはwindow.location.href文字列型ですが、型エラーを生成し ます。

ソース