JavaScript入門チュートリアル(8) 位置アドレスオブジェクト

JavaScript入門チュートリアル(8) 位置アドレスオブジェクト_基礎知識

WBOY

リリース： 2016-05-16 18:56:21

オリジナル

1207 人が閲覧しました

ウィンドウのアドレスを表すには、「.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.webjx.com/jiaocheng/index. topic1?x=7&y=2 これらの部分は次の要件を満たしています:
「プロトコル」は、最初のコロンまでの URL の開始部分です。
「ホスト」は、ネットワークホストのホストとドメイン名、または IP アドレスを表します。
「ポート」は、サーバーが通信に使用する通信ポートを記述します。
パス名は、URL のパスの側面を表します。
「ハッシュ ID」は、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) { 
// 例: var url = "newsview.html?catalogid=" categoryID "&pageid=" pageid; = url; 
} 
// 位置情報の使用をアップグレードし、単一ページのパラメータを渡します 
function goto_catalog(iCat) { 
if(iCattop.location = " ../index.aspx"; // トップアウト 
} else { 
window.location = "../newsCat.aspx?catid=" iCat; 
} 
} 
/ / Frame を指定してページにジャンプします。どちらの方法も使用できます。 
function goto_iframe(url) { 
parent.mainFrame.location = "../index.aspx"; // 
// 親。 document.getElementById("mainFrame").src = "../index.aspx";// domを使ってページを切り替える // 同時にdomの書き方を追加しました 
} 
//指定されたフレーム ページにジャンプします。これは、parent.iframename.location="../index.aspx"; メソッドが実装できないためです。主に、"parent.iframename" の iframename が js のノードにデフォルト設定されており、渡されたものであるためです。パラメータは変換できないので、DOM を使用して 2 つのパラメータを渡すフレーム ジャンプ ページを実装してください。親愛なる友人があなたにアドバイスをくれることを願っています。 
function goto_iframe(iframename,url) { 
parent.document.getElementById(iframename).src = "../index.aspx";// dom を使用して iframeName でページを変更します 
//} 
// ホームページに戻ります

function gohome() { 
top.location = "/index.aspx" 
} 

;