location.search-Nutzung

So verwenden Sie location.search: 1. Abfragezeichenfolge abrufen; 3. Abfrageparameter hinzufügen;

location.search ist ein Attribut, das verwendet wird, um die Abfragezeichenfolge der aktuellen Seite abzurufen. Die Abfragezeichenfolge bezieht sich auf den Teil nach dem Fragezeichen in der URL in Form von Schlüssel-Wert-Paaren. Für die URL „https://www.example.com/?name=John&age=25“ lautet die Abfragezeichenfolge beispielsweise „?name=John&age=25“.

Im Folgenden sind einige gängige Methoden zur Verwendung von location.search aufgeführt:

1. Abfragezeichenfolge abrufen: Verwenden Sie location.search, um die Abfragezeichenfolge der aktuellen Seite abzurufen. Es kann einer Variablen zugewiesen und dann weiter manipuliert werden.

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

2. Analysieren Sie die Abfragezeichenfolge: Die Abfragezeichenfolge kann mehrere Schlüssel-Wert-Paare enthalten, und wir können das URLSearchParams-Objekt verwenden, um die Abfragezeichenfolge zu analysieren.

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. Abfrageparameter hinzufügen: Wir können die append()-Methode des URLSearchParams-Objekts verwenden, um Abfrageparameter hinzuzufügen.

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

4. Abfrageparameter ändern: Durch Ändern der Eigenschaften des URLSearchParams-Objekts können Sie die Werte der Abfrageparameter ändern.

javascript
var params = new URLSearchParams(location.search);
// 修改特定键的值
params.set('age', '30');
// 更新URL
location.search = params.toString();
console.log(location.search); // 输出： ?name=John&age=30

Das obige ist der detaillierte Inhalt vonlocation.search-Nutzung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!