티스토리 뷰

WEB/자바스크립트

[Javascript] 문서의 정보 표시

춘햄 2021. 5. 14. 15:36

navigator와 비슷하게, location 객체를 사용하여 해당 문서의 정보 또한 확인할 수 있다.

 

<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>location Object</title>
	<link rel="stylesheet" href="css/location.css">
</head>
<body>	
	<div id = "container">
		<script>
			document.write("이 문서의 위치(URL) : " + location.href + "<br/>");
			document.write("이 문서의 호스트 : " + location.host + "<br/>");
			document.write("이 문서의 프로토콜 : " + location.protocol + "<br/>");
		</script>
		
	</div>
</body>
</html>

'WEB > 자바스크립트' 카테고리의 다른 글

[Javascript] onkeydown 속성을 이용한 예제  (0) 2021.05.14
[Javascript] 페이지 변경 <replace>  (0) 2021.05.14
[Javascript] 함수의 반복 실행 <setInterval>  (0) 2021.05.14
[Javascript] 브라우저 정보 추출  (0) 2021.05.14
[Javascript] checkbox & Event 예제 <토핑>  (0) 2021.05.14
공유하기 링크
Comments
Related Articles more