JavaScript 창 위치

Location 개체

JavaScript 위치 개체는 현재 URL 정보를 가져오거나 설정하는 데 사용됩니다. Location 객체는 window 객체의 일부이며 window.location 속성을 통해 액세스할 수 있습니다.

Location 개체는 URL 주소의 정보를 얻거나 현재 페이지를 새로 고치거나 페이지 리디렉션 등을 수행하는 데 자주 사용됩니다. 자세한 내용은 아래 나열된 속성 및 메서드를 참조하세요.

위치 개체 속성


속성                                                           > 전체 URL 설정 또는 가져오기(페이지 리디렉션 응용 프로그램) location.pathname URL에서 경로 설정 또는 가져오기

location.port URL 번호에서 포트 설정 또는 가져오기

location.protocol 사용되는 프로토콜 설정 또는 가져오기 URL로

location.search URL에서 쿼리 문자열을 설정하거나 가져옵니다(일반적으로 ? 기호 뒤의 내용)

Location 개체 메서드

History 개체에는 다음과 같은 3가지 메서드가 있습니다. : 새 페이지 문서 로드

location.reload(): 현재 페이지 다시 로드(새로 고침)

location.replace(): 현재 문서를 새 문서로 교체

JavaScript location.href 속성

Location 개체의 href 속성은 현재 전체 URL을 설정하거나 가져오는 데 사용됩니다. 구문은 다음과 같습니다.

location.href = URL

location.href 속성은 페이지에서 가장 일반적으로 사용됩니다. JavaScript의 점프(리디렉션)

(현재 페이지의) 전체 URL 반환:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
document.write(location.href);
</script>
</head>
<body>
</body>
</html>

JavaScript location.pathname 속성

Location 개체의 pathname 속성은 현재 URL의 경로 부분을 설정하거나 가져오는 데 사용됩니다. 구문은 다음과 같습니다.

location.pathname = path

현재 URL의 경로 이름을 반환합니다.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
document.write(location.pathname);
</script>
</head>
<body>
</body>
</html>

JavaScript location.sign() 메서드

Location 개체의 할당() 메서드는 새 문서를 로드하는 데 사용됩니다. 구문은 다음과 같습니다. 위치.할당(URL)


새 문서 로드:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
function setAssign(){
window.location.assign("http://www.php.cn");
}
</script>
</head>
<body>
  <button onclick="setAssign()">加载新文档</button>
</body>
</html>

지속적인 학습
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> function setAssign(){ window.location.assign("http://www.php.cn"); } </script> </head> <body> <button onclick="setAssign()">加载新文档</button> </body> </html>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~