English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

Location href 属性

JavaScript Location オブジェクト

href属性設定または現在のページの完全なURLを返します。

文法：

href属性を返します：

location.href

href属性を設定します：

location.href = URL
var x = location.href;
document.querySelector("#output").innerHTML = x;
テストをしてみる‹/›

ブラウザの互換性

すべてのブラウザはhref属性を完全にサポートしています：

属性
hrefははははは

属性値

値説明
URLリンクのURLを指定する文字列。
可能な値：

  • 絶対URL-絶対パスはファイルシステムのルートディレクトリから始まるパスであり、常にファイルの完全なURLを含みます（例えばhref="https://ja.oldtoolbag.com/html/）

  • 相対URL -ウェブサイト内のファイルに指向（例えばhref="/ html /）

  • アンカーURL-ページ内のアンカーに指向（例えばlocation.href ="#empty_element"）

  • 新しいプロトコル -他のプロトコル（例えば
    location.href="ftp://myftpserver.com"、
    location.href="mailto：[email protected]"
    またはlocation.href="file：// host / path /example.txt"）

技術的詳細

返り値：ページの全体のURLを示す文字列、プロトコル（例えばhttps：//）

さらに多くの例

href値を別のウェブサイトに設定します：

location.href = "https://ja.oldtoolbag.com";
テストをしてみる‹/›

href値をページ内のアンカーに設定します：

location.href = "#top";
テストをしてみる‹/›

この例では、すべての場所属性を表示しています：

var txt = "";
txt　+= "<p>ホスト: "　+　location.host　+　"</p>";
txt　+= "<p>ホスト名: "　+　location.hostname　+　"</p>";
txt　+= "<p>Href: "　+　location.href　+　"</p>";
txt　+= "<p>オリジン: "　+　location.origin　+　"</p>";
txt　+= "<p>パス名: "　+　location.pathname　+　"</p>";
txt　+= "<p>プロトコル: "　+　location.protocol　+　"</p>";
txt　+= "<p>検索: "　+　location.search　+　"</p>";
document.write(txt);
テストをしてみる‹/›

関連参照

位置参照：location.host属性

位置参照：location.hostname属性

位置参照：location.pathname属性

位置参照：location.protocol属性

JavaScript Location オブジェクト

JavaScript Navigator オブジェクトJavaScript Location オブジェクト