JS_javascript スキルでの Location の使用の詳細な説明

JavaScript の位置アドレス オブジェクトは、特定のウィンドウ オブジェクトによって開かれるアドレスを記述します。現在のウィンドウのアドレスを表すには、「location」を使用します。特定のウィンドウのアドレスを表すには、「.location」を使用します。

1. JS における Location の意味

1. Location オブジェクトは Window オブジェクトの Location プロパティに格納され、そのウィンドウに現在表示されているドキュメントの Web アドレスを表します。その href 属性にはドキュメントの完全な URL が格納され、他の属性は URL のさまざまな部分を記述します。これらのプロパティは、Anchor オブジェクト (または Area オブジェクト) の URL プロパティに非常に似ています。 Location オブジェクトが文字列に変換されると、href 属性の値が返されます。これは、location.href の代わりに location という式を使用できることを意味します。

2. Anchor オブジェクトはドキュメント内のハイパーリンクを表しますが、Location オブジェクトは現在ブラウザーに表示されているドキュメントの URL (または場所) を表します。しかし、Location オブジェクトはそれ以上のことを行うことができ、ブラウザによって表示されるドキュメントの位置を制御することもできます。 URL を含む文字列が Location オブジェクトまたはその href 属性に割り当てられている場合、ブラウザは新しい URL が指すドキュメントをロードして表示します。

3. location または location.href を設定して現在の URL を完全な URL に置き換えるだけでなく、Location オブジェクトの他のプロパティに値を代入して URL の一部を変更することもできます。そうすると、元の URL とは一部異なる新しい URL が作成され、ブラウザはそれを読み込んで表示します。たとえば、Location オブジェクトの hash プロパティを設定すると、ブラウザは現在のドキュメント内の指定された場所に移動します。同様に、検索属性が設定されている場合、ブラウザは新しいクエリ文字列を追加して URL を再読み込みします。

4. URL 属性に加えて、Location オブジェクトの reload() メソッドは現在のドキュメントを再ロードでき、replace() は新しい履歴レコードを作成せずに新しいドキュメントをロードできます。ブラウザ内 履歴リストでは、新しいドキュメントが現在のドキュメントを置き換えます。

2. JS の Location 属性

プロパティの説明
hash ポンド記号 (#) で始まる URL (アンカー) を設定または返します。アドレスに「#」が含まれていない場合は、空の文字列が返されます。
host は、現在の URL のホスト名とポート番号を設定または返します。
hostname は、現在の URL のホスト名を設定または返します。
href は完全な URL を設定または返します。ブラウザのアドレスバーに表示する方法を返します。
pathname は、現在の URL のパス部分を設定または返します。
port 現在の URL のポート番号を設定または返します。 現在の URL のポート番号を設定または返します。
プロトコルは、現在の URL のプロトコルを設定または返します。値は「http:」、「https:」、「file:」などです。
search は、疑問符 (?) で始まる URL (クエリ部分) を設定または返します。

3. JS の Location オブジェクト メソッド

プロパティの説明
assign() は新しいドキュメントをロードします。
reload() は現在のドキュメントを再ロードします。これは、ブラウザで「更新」(IE) または「再ロード」(Netscape) キーを押すのと同じです。
replace() は、現在のドキュメントを新しいドキュメントに置き換えます。これは、ブラウザの「更新」(IE) または「再ロード」キーを押すのと同じです。

4. JS の位置インスタンス

//简单跳转

function gotoPage(url) { 

var url ="url?catalogid="+catalogID; 

window.location =url; 

}

//为单个页面传递参数

function goto_catalog(iCat) { 

if(iCat<=0) { 

top.location = "url";

} else { 

window.location ="url&#63;catid="+iCat; 

}

}

// 对指定框架进行跳转页面

function goto_iframe(url) { 

parent.mainFrame.location ="url"; 

}

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。