ページジャンプを実装するための window.location オブジェクトの詳細な分析-jsチュートリアル-php.cn

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

WBOY

リリース： 2022-08-05 10:57:58

転載

3156 人が閲覧しました

この記事では、javascript に関する関連知識を提供します。主に、ページジャンプを実現するための window.location オブジェクトに関連する問題について紹介します。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 type="text/javascript">
	    document.write(location.href);
</script>

ログイン後にコピー

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

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

ログイン後にコピー

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

例

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

<script type="text/javascript">
		document.write(location.pathname);
</script>

ログイン後にコピー

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

/7.11/new_file.html

ログイン後にコピー

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

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

例

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="button" name="" id="" value="跳转到百度" onclick="newDoc()"/>
		<script type="text/javascript">
			function newDoc(){
				window.location.assign('https://www.baidu.com')
			}
		</script>
	</body>
</html>

ログイン後にコピー

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

次の効果が必要です:

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