JavaScriptでURLにアクセスできますか？

JavaScript は URL にアクセスできます。JavaScript を通じて URL パラメータを渡したり、現在の URL のパラメータを取得したりすることで、多くの機能を実現できます。

JavaScript を使用すると、「window.location」オブジェクトを通じて URL にアクセスし、操作できます。 JavaScript での URL 操作に関連して一般的に使用されるメソッドは次のとおりです:

1. URL の変更

URL 属性を新しい URL に変更することで、現在のページの URL アドレスを変更できます。

window.location.href = "https://www.example.com";

2. URL 情報の取得

現在の URL 情報を取得できます。ページには、多くの便利なプロパティが含まれています。

window.location.href //完全な URL を返します
window.location.hostname //ホスト名を返します
window.location.pathname //パス名を返します
window. location.search //URL のクエリ部分を返します
window.location.hash //URL のアンカー ポイントを返します

3. URL パラメータを取得します

URL 上のパラメータを JavaScript オブジェクトに変換し、URL 内の各パラメータをキーと値のペアの形式で取得します。

function getUrlParams(url){
var params = {};
url.replace(/[?&] (¹ )=( ²*)/gi, function(str, key, value) {

  params[key] = value;

});
return params;
}

var params = getUrlParams(window.location.href);
console.log(params.userId); //URL パラメータの userId 値を取得します

4. URL パラメータを設定します

新しい URL を構築して URL パラメータを設定し、「window.location」オブジェクトの「href」属性を変更して URL アドレスを変更できます。

var url = "https://www.example.com";
url = "?userId=123&userName=john";
window.location.href = url;

5. URL の変更を監視する

URL が変更されると、その機能が自動的にトリガーされるリッスン機能を追加できます。

window.addEventListener("hashchange", function() {
console.log("hashChanged!");
});

つまり、JavaScript は次のように渡すことができます。 「 window.location 」オブジェクトは URL へのアクセスと操作を実装することで、多くの便利な機能を実現します。ただし、JavaScript では URL の操作がユーザーエクスペリエンスや SEO 効果に影響を及ぼす可能性があるため、慎重に検討する必要があることに注意してください。

---

1. =& ↩
2. & ↩

##

以上がJavaScriptでURLにアクセスできますか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。