JavaScript가 URL에 액세스할 수 있나요?

JavaScript는 URL 매개변수를 전달하고 JavaScript를 통해 현재 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 //쿼리 부분 반환 the 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 가져오기 Value

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("hash selected!");
});

간단히 말하면 JavaScript는 "window.location" 개체를 통해 URL에 액세스하고 작동할 수 있습니다. 이를 통해 많은 유용한 기능을 달성합니다. 그러나 JavaScript에서는 URL의 작동이 사용자 경험과 SEO 효과에 영향을 미칠 수 있으므로 신중하게 고려해야 한다는 점에 유의해야 합니다.

---

1. =& ↩
2. & ↩

위 내용은 JavaScript가 URL에 액세스할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!