> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 위치 개체를 사용하는 방법

JavaScript에서 위치 개체를 사용하는 방법

不言
풀어 주다: 2021-04-22 17:47:21
원래의
6033명이 탐색했습니다.

JavaScript에서 위치 개체를 사용하는 방법에서 위치 개체를 사용하는 방법에서 위치 개체를 사용하는 방법: 먼저 HTML 샘플 파일을 만든 다음 본문에 <script> 태그를 입력하고 마지막으로 <script> ; 웹 주소에 대한 정보를 얻기 위한 태그입니다. </script>

JavaScript에서 위치 개체를 사용하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, javascript 버전 1.8.5, DELL G3 컴퓨터.

자바스크립트에서는 웹페이지 주소(URL)에 대한 정보를 얻어야 하거나 특정 주소로 이동해야 할 때가 있습니다. 이때 가장 편리한 방법은 위치 객체를 이용하는 것입니다.

URL은 Uniform Resource Locator의 약어로, 인터넷 페이지의 "주소"를 나타냅니다. URL에 다양한 프로그래밍 정보(정보 유형, 서버 이름, 포트 번호, 파일 이름 등)를 저장하는 데 사용할 수 있습니다.

location 객체는 이 정보를 저장하며 실제 개발에서는 URL에서 매개변수를 가져와 지정된 주소로 이동하는 데 사용됩니다.

먼저 location 객체를 작성하는 방법을 살펴보겠습니다.

location.函数名
로그인 후 복사

그럼 #🎜 🎜#location object Usage

코드를 먼저 살펴보세요


<!DOCTYPE html>
<html lang = "ja">
<head>
  <meta charset = "utf-8">
  <title>JavaScript에서 위치 개체를 사용하는 방법에서 위치 개체를 사용하는 방법</title>
</head>
<body>
  <script>
    // location对象的显示
    console.log(location);
    // url的获取
    var url = location.href;
    console.log(url);

    // 协议的获取
    var protocol = location.protocol;
    console.log(protocol);

    // 移动到指定的url(确定的话可以删除以下的注释)
    // location.href = &#39;//m.sbmmt.com/course.html&#39;
  </script>
</body>
</html>
로그인 후 복사

실행 결과는 다음과 같습니다

# 🎜🎜#
# 🎜🎜#

각 콘텐츠를 자세히 살펴보자JavaScript에서 위치 개체를 사용하는 방법에서 위치 개체를 사용하는 방법


위치 객체 분석 1#🎜 🎜#

console.log(location);
로그인 후 복사
# 🎜🎜#console.log에 위치 객체를 출력해 보면 아래와 같이 다양한 정보가 저장되어 있는 것을 확인할 수 있습니다.

위치 객체 분석 2

JavaScript에서 위치 개체를 사용하는 방법에서 위치 개체를 사용하는 방법

var url = location.href;
console.log(url);
로그인 후 복사

"url"이라는 위치 변수 준비 location.href 함수의 반환 값을 저장합니다.

결과적으로 다음과 같은 문자열이 출력됩니다.

href: "file:///C:/Users/Administrator/Desktop/%E5%89%8D%E7%AB%AF/demo.html"
로그인 후 복사

위치 객체 분석 3

var protocol = location.protocol;
console.log(protocol);
로그인 후 복사

"protocol"이라는 변수를 준비하고 location.protocol 함수의 반환 값을 저장합니다.

결과적으로 다음과 같은 문자열이 출력됩니다.

"file:"
로그인 후 복사

위치 객체 분석 4

location.href = &#39;//m.sbmmt.com/course.html&#39;
로그인 후 복사
변환하려는 페이지의 URL을 "location.href"로 설정하면 됩니다. 해당 페이지로 전환합니다.

위 내용은 JavaScript에서 위치 개체를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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