일반적인 문제 위치.검색 사용법

위치.검색 사용법

Jun 25, 2023 pm 04:42 PM
location.search

location.search 사용 방법: 1. 쿼리 문자열을 가져옵니다. 2. 쿼리 문자열을 구문 분석합니다. 3. 쿼리 매개변수를 수정합니다.

위치.검색 사용법

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 개체의 추가() 메서드를 사용하여 쿼리 매개변수를 추가할 수 있습니다.

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

4. 쿼리 매개변수 수정: URLSearchParams 개체의 속성을 수정하여 쿼리 매개변수의 값을 수정할 수 있습니다.

아아아아

위 내용은 위치.검색 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)