반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//브라우저 내장객체
//window - location
// - history
// - document - images, link,...
// - form - text,password,textarea
// - checkbox, radio
// - select - option
// location 주소줄 주제
// (멤버변수 href 주소값저장, 멤버함수 reload() 새로고침)
// window 생략가능
// window.location.href
// location.reload()
function fun1() {
alert("주소정보 : "+location.href);
// alert("호스트,서버이름 :" +location.hostname);
// alert("포트번호 :" +location.port);
// alert("호스트 :" +location.host);
// alert("프로토콜 :" +location.protocol);
}
function fun2() {
location.href="http://www.naver.com";
}
function fun3() {
alert("test5.html로 이동합니다.");
location.href="test5.html";
}
function fun4() {
// f5 새로고침 기능
location.reload();
}
</script>
</head>
<body>
<h1>js1/test8.html</h1>
<input type="button" value="주소정보" onclick="fun1()">
<input type="button" value="네이버주소이동" onclick="fun2()">
<input type="button" value="test5.html이동" onclick="fun3()">
<input type="button" value="새로고침" onclick="fun4()">
</body>
</html>
반응형
'JavaScript' 카테고리의 다른 글
| [JavaScript] 브라우저 내장객체(document) (0) | 2021.11.09 |
|---|---|
| [JavaScript] 브라우저 내장객체(History Object) (0) | 2021.11.09 |
| [JavaScript] Window confirm() Method (0) | 2021.11.07 |
| [JavaScript] 연산결과 리턴하기(Operators) (0) | 2021.11.07 |
| [JavaScript] 함수(Function) (0) | 2021.11.06 |