ホームページ > 記事 > ウェブフロントエンド > JavaScriptの位置アドレスオブジェクト_基礎知識
location address object 特定のウィンドウオブジェクトによって開かれるアドレスを記述します。現在のウィンドウのアドレスを表すには、「location」を使用します。特定のウィンドウのアドレスを表すには、「.location」を使用します。以前、別のフレーム ページを更新するために window.location.href を使用することについて記事を書きました。ここでは、locaiton の詳細な使用法を確認し、いくつかの改良を加えました。詳細は次のとおりです。
注: に属します。異なるプロトコルまたは異なるホスト 2 つのアドレスは相互に位置オブジェクトを参照できません。これはセキュリティ上の理由からです。たとえば、現在のウィンドウは「www.a.com」の下のページを開き、別のウィンドウ (オブジェクト名: bWindow) は「www.b.com」の下の Web ページを開きます。現在のウィンドウで「bWindow.location」が使用されている場合、「許可がありません」というエラーが発生します。このエラーは、エラー ハンドラー (イベント ハンドラー、onerror イベントを参照) では処理できません。
まず、location 属性、使用法、関連例について簡単に説明します。
Location
には、現在の URL に関する情報が含まれています。 location オブジェクトは、特定の Window オブジェクトに関連付けられた完全な URL を記述します。 location オブジェクトの各プロパティは、URL の異なる特性を記述します。
通常、URL は次の形式になります: プロトコル // ホスト: ポート / パス名 # ハッシュ識別?
例: http://www.ijavascript.cn/jiaocheng/index. topic1?x=7&y=2 これらの部分は次の要件を満たしています。
「プロトコル」は、最初のコロンが含まれるまでの URL の最初の部分です。
「ホスト」は、ネットワーク ホストのホストとドメイン名、または IP アドレスを表します。
「ポート」は、サーバーが通信に使用する通信ポートを記述します。
パス名はURLのパス情報を記述します。
「ハッシュ識別子」は、ハッシュ マスク (#) を含む、URL 内のアンカー名を記述します。この属性は HTTP URL にのみ適用されます。
「検索条件」には、疑問符を含む URL 内のクエリ情報が記述されます。この属性は HTTP URL にのみ適用されます。検索基準文字列には変数と値のペアが含まれており、各ペアは「&」で接続されています。
属性の概要
protocol 戻りアドレスのプロトコル。値は 'http:'、'https:'、'file: 』など待ってください。
hostname は、アドレスのホスト名を返します。たとえば、アドレスが "http://www.microsoft.com/china/" の場合、location.hostname == 'www.microsoft.com' となります。
port はアドレスのポート番号を返します。通常、http のポート番号は '80' です。
host は、「www.a.com:8080」などのホスト名とポート番号を返します。
pathname は、「http://www.a.com/b/c.html」、location.pathname == 'b/c.html' などのパス名を返します。
ハッシュは、「#」とその後のコンテンツ (例: "http://www.a.com/b/c.html#chapter4") を返します。アドレスの場合は location.hash == '#chapter4'; 「#」を指定しないと、空の文字列が返されます。
検索は、「?」とそれに続くコンテンツ (「http://www.a.com/b/c.asp?selection=3&jumpto=4」、location.search == '?selection=) を返します。 3&jumpto=4'; アドレスに「?」が含まれていない場合は、空の文字列が返されます。
href は上記のすべてを返します。つまり、アドレス全体を返します。ブラウザのアドレスバーに表示する方法を返します。ウィンドウ オブジェクトで特定のアドレスを開きたい場合は、「location.href = '...'」を使用するか、「location = '...'」を直接使用してこの目的を達成できます。
メソッドの概要
reload() は、コンピュータの「更新」(IE) または「再ロード」(Netscape) キーを押すのと同じです。ブラウザ。
replace() は URL を開き、履歴オブジェクト内の現在の場所のアドレスを置き換えます。この方法でURLを開いた後は、ブラウザの「戻る」キーを押しても前のページに戻ることができなくなります。
2. ロケーションページのジャンプ js は次のとおりです:
//単純なジャンプ
function gotoPage(url) {
// 例: newsview.html?catalogid="catalogid="catalogID"&pageid="pageid;
window.location = url;
}
// 位置情報の使用をアップグレードし、単一ページのパラメータを渡します
関数goto_catalog(iCat) {
if(iCattop.location = "../index.aspx"; // トップアウト
} else {
window.location = " ../newsCat.aspx?catid=" iCat;
}
}
// 指定されたフレーム ページにジャンプします。両方の方法が利用可能です
function goto_iframe(url) {
parent.mainFrame.location = "../index.aspx"; //
//parent.document.getElementById("mainFrame").src = "../index.aspx";// dom を使用してchange page // 同時にdomの書き方を追加しました
}
//parent.iframename.location="../index.aspx"; なので指定したフレームページにジャンプします。実装できないのは主に「parent.iframename」のiframenameがjsのノードにデフォルトになっていて、渡されたパラメータが変換できないため、2つのパラメータを渡すフレームジャンプページを誰かがdomを使って実装してほしいと願っています。私の親愛なる友人、アドバイスをお願いします。
function goto_iframe(iframename,url) {
parent.document.getElementById(iframename).src = "../index.aspx";// dom を使用して iframeName でページを変更します
//}
// ホームページに戻る
function gohome() {
top.location = "/index.aspx";