| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- 파일질라설치
- removeClass
- index %
- selectoptions
- hide
- toFixed()
- Math.round()
- FileZilla다운로드
- selectedIndex
- 1521
- 증가값
- 파일질라다운로드
- 파일질라설치오류
- Git
- excel중복체크
- SUB함수
- FileZilla설치
- is_check
- addClass
- calc.plus
- Math.floor()
- slideUp
- 주석이 먹히지 않을 때
- Excel
- Math.ceil()
- push오류
- calc.minus
- Parent
- ctrl+/
- 소스트리인증실패
- Today
- Total
잡동사니에도 사랑을
[21.09.14] exam23(JavaScript) 본문
////////exam23
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function open1(){
// 새로운 창이 열린다.
window.open("open.html"); // window 객체를 통해 열어준다
}
function open2() {
window.open("open.html", "",
"width=300, height=500, scrollbars=no, toolbar=no, menubar=no, status=no, laction=no");
}
function open3(url) {
window.open(url, "monster",
"width=300, height=500, scrollbars=no, toolbar=no, menubar=no, status=no, laction=no");
}
</script>
</head>
<body>
<h1>window 객체</h1>
<h3>open 메소드 확인</h3>
<div>
<a href="#" onclick="open1(); return false;">새 창 열기</a>
<br>
<a href="#" onclick="open2(); return false;">팝업 창 열기(1)</a>
<br>
<a href="#" onclick="open3('http://www.naver.com'); return false;">팝업 창 열기(2-1)</a>
<br>
<a href="#" onclick="open3('http://www.naver.com'); return false;">팝업 창 열기(2-2)</a>
<br>
</div>
</body>
</html>
<!-- "" 안에 따옴표는 반드시 ''싱글. 안그러면 문자의 분리가 일어난다
href => 해당 주소로 이동해라 라는 의미
a태그에서 onclick이 있을 경우 onclick을 먼저 수행하고 href로 이동한다
=> TEST1
onclick에서 return false;가 있을 경우 href로 이동하지 않는다
=> TEST2
<a href="#" onclick="alert('hi');">TEST1</a>
cookie
=> 타겟을 설정하면 팝업창이 안열린다
-->
////////open.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>새로 열린 창</h1>
<div>
<a href="#" onclick="window.close(); return false;">창 닫기</a>
</div>
</body>
</html>
<!--
<a href="#" onclick="window.close(); return false;">창 닫기</a>
원래는 window close시켜주고 상단에 올라가야 하는데, return false를 해줬기 때문에 그냥 닫힌다.
-->
'JAVA_EE > JavaScript' 카테고리의 다른 글
| [21.09.14] exam25(JavaScript) (0) | 2021.09.14 |
|---|---|
| [21.09.14] exam24(JavaScript) (0) | 2021.09.14 |
| [21.09.14] exam22(JavaScript) (0) | 2021.09.14 |
| [21.09.14] exam21(JavaScript) - 내장 객체 (0) | 2021.09.14 |
| [21.09.13] exam15(JavaScript) - 이벤트 처리, 종류 (0) | 2021.09.14 |
