ページジャンプを実装するための window.location オブジェクトの詳細な分析

この記事では、javascript に関する関連知識を提供します。主に、ページ ジャンプを実現するための window.location オブジェクトに関連する問題について紹介します。window.location オブジェクトは、現在のページのアドレスを取得するために使用されます。 . を選択し、ブラウザを新しいページにリダイレクトします。見てみましょう。皆さんのお役に立てれば幸いです。

[関連する推奨事項: JavaScript ビデオ チュートリアル 、Web フロントエンド ]

window.location オブジェクト現在のページのアドレス (URL) を取得し、ブラウザを新しいページにリダイレクトします。

ウィンドウの場所 オブジェクトは、Window プレフィックスを使用せずに作成できます。例:

• location.hostname は、Web ホストのドメイン名を返します。
• location.pathname は、現在のページ
• location のパスとファイル名を返します。 port は Web ホストのポート
• #location を返します。protocol は使用する Web プロトコルを返します

window location href

##Example

現在のページの URL を返します:

<script>
	    document.write(location.href);
</script>

上記のコードの出力は次のとおりです:

http://127.0.0.1:8848/7.11/new_file.html

ウィンドウの場所のパス名 #location.pathname プロパティは URL パス名を返します。

例

現在の URL のパス名を返します:

<script>
		document.write(location.pathname);
</script>

上記のコードの出力は次のとおりです:

/7.11/new_file.html

ウィンドウの位置の割り当て

location.assign() メソッドは、新しいドキュメントを読み込みます。

例

新しいドキュメントをロードします:

nbsp;html>

	
		<meta>
		<title></title>
	
	
		<input>
		<script>
			function newDoc(){
				window.location.assign(&#39;https://www.baidu.com&#39;)
			}
		</script>
	

JavaScript を使用してページ タイミング ジャンプを実装します---場所オブジェクト

次の効果が必要です:

## コード実装のアイデア:

#スケジュールされたジャンプ用の HTML ページを作成します。
#指定された秒数を取得し、1 を引いてページに書き込みます。
秒数が 0 より大きい場合は、setTimeout() を使用してループ内でカウントダウンします。
#秒数が 0 以下の場合は、location.href を使用して、指定された URL アドレスにジャンプします。

実装コードは次のとおりです:

HTML コード:

cssコード:

jsコード:

成果効果:

[関連する推奨事項:

JavaScript ビデオ チュートリアル

、

Web フロントエンド ]

以上がページジャンプを実装するための window.location オブジェクトの詳細な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。