ホームページ  >  記事  >  location.searchの使用法

location.searchの使用法

DDD
DDDオリジナル
2023-06-25 16:42:561963ブラウズ

location.search の使用方法: 1. クエリ文字列を取得します; 2. クエリ文字列を解析します; 3. クエリ パラメータを追加します; 4. クエリ パラメータを変更します。

location.searchの使用法

#location.search は、現在のページのクエリ文字列を取得するために使用される属性です。クエリ文字列は、キーと値のペアの形式で、URL 内の疑問符の後の部分を指します。たとえば、URL「https://www.example.com/?name=John&age=25」の場合、クエリ文字列は「?name=John&age=25」になります。

location.search を使用する一般的な方法は次のとおりです:

1. クエリ文字列の取得: location.search を使用して、現在のページのクエリ文字列を取得します。これを変数に割り当てて、さらに操作することができます。

javascript
var query = location.search;
console.log(query); // 输出: ?name=John&age=25

2. クエリ文字列を解析する: クエリ文字列には複数のキーと値のペアを含めることができ、URLSearchParams オブジェクトを使用してクエリ文字列を解析できます。

javascript
var query = location.search;
// 创建URLSearchParams对象并传入查询字符串
var params = new URLSearchParams(query);
// 获取特定键的值
var name = params.get('name');
console.log(name); // 输出: John
var age = params.get('age');
console.log(age); // 输出: 25

3. クエリ パラメータの追加: URLSearchParams オブジェクトの append() メソッドを使用して、クエリ パラメータを追加できます。

javascript
var params = new URLSearchParams();
params.append('name', 'John');
// 将查询参数添加到URL中
location.search = params.toString();
console.log(location.search); // 输出: ?name=John

4. クエリ パラメーターの変更: URLSearchParams オブジェクトのプロパティを変更することで、クエリ パラメーターの値を変更できます。

rree

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。