> 웹 프론트엔드 > JS 튜토리얼 > jQuery는 현재 페이지 URL을 얻습니다

jQuery는 현재 페이지 URL을 얻습니다

Christopher Nolan
풀어 주다: 2025-03-04 01:08:09
원래의
569명이 탐색했습니다.
현재 웹 페이지 URL을 얻으려면 jQuery 사용에 대한 완전한 가이드

이 안내서는 jQuery 코드 스 니펫을 제공하여 현재 웹 페이지의 전체 URL을 가져 와서 다른 스크립트와 함께 사용할 변수에 저장합니다. 이 URL은 주소 표시 줄에 표시된 URL과 동일합니다. jQuery Get Current Page URL 다음 코드 스 니펫은 현재 페이지의 URL을 얻기 위해 jQuery 및 Pure JavaScript를 사용하는 방법을 보여줍니다.

또한 절대 경로를 결정할 때 다음 기능이 도움이 될 수 있습니다.

faqs (faqs)

jQuery에서 현재 URL을 얻는 방법은 무엇입니까?

jQuery에서 현재 URL을 얻으려면

속성을 ​​사용할 수 있습니다. 이 속성은 현재 페이지의 URL을 반환합니다. 간단한 예는 다음과 같습니다.
$(document).ready(function() {
    // 使用jQuery
    var url = $(location).attr('href');

    // 使用纯JavaScript
    var url2 = window.location.href;

    // 在警告窗口中显示URL
    alert(url); //或者 alert(url2);
});
로그인 후 복사
로그인 후 복사

이 코드는 현재 URL을 변수에 저장하고 저장 한 다음이 URL을 콘솔에 인쇄합니다.

jQuery에 쿼리 문자열이 포함되지 않은 현재 URL을 얻는 방법은 무엇입니까?
function getAbsolutePath() {
    var loc = window.location;
    var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1);
    return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));
}
로그인 후 복사
로그인 후 복사
당신은 및 속성을 ​​사용하여 쿼리 문자열이 포함되지 않은 현재 URL을 얻을 수 있습니다. 예는 다음과 같습니다.

이 코드는 URL의 소스 (프로토콜, 호스트 이름 및 포트) 및 PathName을 가져 와서이 두 부분을 연결하여 쿼리 문자열이 포함되지 않은 URL을 형성합니다. jQuery에서 현재 URL에서 쿼리 문자열을 얻는 방법은 무엇입니까?

속성을 ​​사용하여 쿼리 문자열을 가져올 수 있습니다. 쿼리 문자열은 처음에 물음표를 포함하여 쿼리 문자열을 반환 할 수 있습니다. 예는 다음과 같습니다.

이 코드는 쿼리 문자열을 가져와 변수에 저장 한 다음이 쿼리 문자열을 콘솔에 인쇄합니다. window.location.href jQuery에서 해시없이 현재 URL을 얻는 방법은 무엇입니까?

당신은
$(document).ready(function(){
  var currentURL = window.location.href;
  console.log(currentURL);
});
로그인 후 복사
속성과 메소드를 사용하여 해시 값이 포함되지 않은 현재 URL을 얻을 수 있습니다. 예는 다음과 같습니다.

currentURL 이 코드는 현재 URL을 가져 와서 해시 기호 (#)로 나눕니다. console.log(currentURL) 부분은 분할 URL의 첫 번째 부분, 즉 해시 값을 포함하지 않는 URL을 가져옵니다.

jQuery에서 현재 URL의 해시 값을 얻는 방법은 무엇입니까?

속성을 ​​사용하여 현재 URL의 해시 값을 얻을 수 있습니다. 이 속성은 처음에 해시 기호를 포함하여 해시 값을 반환합니다. 예는 다음과 같습니다.

window.location.origin 이 코드는 해시 값을 가져 와서 변수에 저장 한 다음이 해시 값을 콘솔에 인쇄합니다. window.location.pathname 페이지를 다시로드하지 않고 jQuery에서 현재 URL을 변경하는 방법은 무엇입니까?

페이지를 다시로드하지 않고
$(document).ready(function(){
  var currentURL = window.location.origin + window.location.pathname;
  console.log(currentURL);
});
로그인 후 복사
메소드를 사용하여 jQuery의 현재 URL을 변경할 수 있습니다. 이 방법은 새로운 항목을 역사 스택으로 푸시합니다. 예는 다음과 같습니다.

이 코드는 페이지를 다시로드하지 않고 현재 URL을

로 변경합니다.

jQuery에서 현재 URL의 프로토콜을 얻는 방법은 무엇입니까?

당신은

속성을 ​​사용하여 현재 URL의 프로토콜을 얻을 수 있습니다. 이 속성은 꼬리의 결장을 포함하여 URL의 프로토콜을 반환합니다. 예는 다음과 같습니다.

window.location.protocol 이 코드는 프로토콜을 가져 와서

변수에 저장 한 다음이 프로토콜을 콘솔에 인쇄합니다.
$(document).ready(function() {
    // 使用jQuery
    var url = $(location).attr('href');

    // 使用纯JavaScript
    var url2 = window.location.href;

    // 在警告窗口中显示URL
    alert(url); //或者 alert(url2);
});
로그인 후 복사
로그인 후 복사
jQuery에서 현재 URL의 호스트 이름을 얻는 방법은 무엇입니까?

당신은 protocol 속성을 ​​사용하여 현재 URL의 호스트 이름을 얻을 수 있습니다. 이 속성은 URL의 호스트 이름을 반환합니다. 예는 다음과 같습니다. console.log(protocol)

이 코드는 호스트 이름을 가져 와서 변수에 저장 한 다음이 호스트 이름을 콘솔에 인쇄합니다.

jQuery에서 현재 URL의 포트를 얻는 방법은 무엇입니까?

속성을 ​​사용하여 현재 URL의 포트를 얻을 수 있습니다. 이 속성은 URL의 포트를 반환합니다. 예는 다음과 같습니다. window.location.hostname

이 코드는 포트를 가져 와서
function getAbsolutePath() {
    var loc = window.location;
    var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1);
    return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));
}
로그인 후 복사
로그인 후 복사
변수에 저장 한 다음이 포트를 콘솔에 인쇄합니다.

jQuery에서 현재 URL의 경로 이름을 얻는 방법은 무엇입니까? hostname 당신은 console.log(hostname) 속성을 ​​사용하여 현재 URL의 경로 이름을 얻을 수 있습니다. 이 속성은 URL의 경로 이름을 반환합니다. 예는 다음과 같습니다.

이 코드는 PathName을 가져 와서 변수에 저장 한 다음이 PathName을 콘솔에 인쇄합니다.

이 방법을 사용하면 jQuery에서 현재 웹 페이지의 URL의 다른 부분을 쉽게 얻고 조작 할 수 있습니다. 특정 요구에 따라 올바른 방법을 선택해야합니다.

위 내용은 jQuery는 현재 페이지 URL을 얻습니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿