23. location history 객체
2024. 11. 4. 16:49ㆍ자바스크립트(Javascript)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>location 객체</title>
</head>
<body>
<script>
function pageInfo(){
console.log(`현재 문서의 URL 주소 : ${location.href}`)
//현재 문서의 URL 주소 : http://123.0.0.1:5600/23-2.location_history%EA%B0%9D%EC%B2%B4.html
console.log(`현재 문서의 protocol 주소 : ${location.protocol}`)
//현재 문서의 protocol 주소 : http:
console.log(`현재 문서의 hostname : ${location.hostname}`)
//현재 문서의 hostname : 123.0.0.1
console.log(`현재 문서의 port : ${location.port}`)
//현재 문서의 port : 5600
console.log(`현재 문서의 pathname : ${location.pathname}`)
//현재 문서의 pathname : /23-2.location_history%EA%B0%9D%EC%B2%B4.html
}
function sendit(){
location.href= `https://python.org`
}
</script>
<button onclick="pageInfo()">페이지 정보</button><button onclick="sendit()">이동하기</button>
<button onclick="location.reload()">새로고침</button>
<hr>
<button onclick="history.back()">뒤로</button><button onclick="history.forward()">앞으로</button>
<button onclick="history.go(0)">새로고침</button>
</body>
</html>728x90
LIST
'자바스크립트(Javascript)' 카테고리의 다른 글
| 25. DOM (0) | 2024.11.04 |
|---|---|
| 24. Navigator 객체 (0) | 2024.11.04 |
| 22. 시계만들기 (0) | 2024.11.04 |
| 21. 윈도우 객체 (0) | 2024.11.04 |
| 19. Date 객체 (2) | 2024.11.04 |