JavaScript で location オブジェクトを使用する方法-jsチュートリアル-php.cn

JavaScript で location オブジェクトを使用する方法

不言

リリース： 2021-04-22 17:47:21

オリジナル

5991 人が閲覧しました

JavaScript で location オブジェクトを使用する方法で location オブジェクトを使用する方法で location オブジェクトを使用する方法: まず HTML サンプルファイルを作成し、最後に <script> タグに [location.function name;] を入力します。取得するには、Web ページのアドレスに関する情報で十分です。 </script>

JavaScript で location オブジェクトを使用する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript で location オブジェクトを使用する方法で location オブジェクトを使用する方法バージョン 1.8.5、DELL G3 コンピューター。

JavaScript で location オブジェクトを使用する方法で location オブジェクトを使用する方法では、Web ページのアドレス (URL) に関する情報を取得したり、指定したアドレスに移動したりする必要がある場合があります。このとき、最も便利な方法は、location オブジェクトを使用することです。

URL は、Uniform Resource Locator の略称で、インターネット上のページの「アドレス」を表します。さまざまなプログラミング情報 (情報の種類、サーバー名、ポート番号、ファイル名など) を URL に格納するために使用できます。

location オブジェクトは、この情報を保存します。実際の開発では、URL からパラメータを取得し、指定されたアドレスに移動するために使用されます。

最初に location オブジェクトの書き方を見てみましょう

location.函数名

ログイン後にコピー

次に、location オブジェクトの主な使用法を見てみましょう

最初にコードを見てみましょう

<!DOCTYPE html>
<html lang = "ja">
<head>
  <meta charset = "utf-8">
  <title>JavaScript で location オブジェクトを使用する方法 で location オブジェクトを使用する方法</title>
</head>
<body>
  <script>
    // location对象的显示
    console.log(location);
    // url的获取
    var url = location.href;
    console.log(url);

    // 协议的获取
    var protocol = location.protocol;
    console.log(protocol);

    // 移动到指定的url（确定的话可以删除以下的注释）
    // location.href = &#39;http://www.php.cn/course.html&#39;
  </script>
</body>
</html>

ログイン後にコピー

実行結果は次のとおりです

JavaScript で location オブジェクトを使用する方法で location オブジェクトを使用する方法

実際に見てみましょう各コンテンツを詳しく見る

location オブジェクトの分析 1

console.log(location);

ログイン後にコピー

console.log に location オブジェクトを出力すると、さまざまな情報が確認できます。以下のように保存されます。

JavaScript で location オブジェクトを使用する方法で location オブジェクトを使用する方法

location オブジェクトの分析 2

var url = location.href;
console.log(url);

ログイン後にコピー

「url」という名前の変数を用意し、location.href 関数の戻り値を格納します。価値。

結果、以下の文字列が出力されます。

href: "file:///C:/Users/Administrator/Desktop/%E5%89%8D%E7%AB%AF/demo.html"

ログイン後にコピー

location オブジェクトの解析 3

var protocol = location.protocol;
console.log(protocol);

ログイン後にコピー

「protocol」という名前の変数を用意し、location.protocol 関数の戻り値を格納します。

結果、以下の文字列が出力されます。

"file:"

ログイン後にコピー

locationオブジェクトの解析4

location.href = &#39;http://www.php.cn/course.html&#39;

ログイン後にコピー

変換先のページのURLを「location.href」に設定することで、該当のページに遷移することができます。

以上がJavaScript で location オブジェクトを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

JavaScript で location オブジェクトを使用する方法