코딩룸*◡*

[JS] a링크에 새 창 띄우기 본문

공부좀 하자/JavaScript

[JS] a링크에 새 창 띄우기

코딩하는 묭이💛 2018. 5. 4. 16:28

a링크에 새 창 사이즈 지정해서 띄우기

 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<script type="text/javascript">
function openWin() {
        window.open("http://rainbowtv.cbs.co.kr/myzone/qt/huwon_child.asp",
                    "huwon", "width=418, height=610, toolbar=no, menubar=no,
 
      scrollbars=no, resizable=yes");  
    }
</script>
 
<body>
    <a href="#" onclick="openWin(); return false;" style="margin-bottom: 11px; display: inline-block;">
        <img src="http://file.cbs.co.kr/imgbank/holyday/main/banner/banner_QTsp.jpg" alt="QT 후원하기 배너" />
    </a>
</body>
</html>
 
 cs
 

1) a href="#" 주기

2) a링크에 onclick="openWin(); return false;" 추가
 
3) 스크립트에 window.open(); 추가
 
window.open(
"사이트주소", 
"새창 이동경로이름",
"width=0,
height=0,
toolbar = 툴바(yes/no)(default : yes),
menubar = 메뉴바(yes/no)(default : yes),
scrollbars = 스크롤바(yes/no)(default : yes)
resizable = 창 사이즈 변경(yes/no)(default : yes)
" );
 
 
* 더 간단한 방법
 
1
2
<a href="http://rainbowtv.cbs.co.kr/myzone/qt/huwon_child.asp" onClick="window.open(this.href, '',
'width=400, height=430'); return false;">
</a>
 cs

 

반응형

'공부좀 하자 > JavaScript' 카테고리의 다른 글

[CSS] SASS↔CSS 변환 사이트  (0) 2019.04.25
[JS] replace와 each를 이용한 속성 추가법  (0) 2018.04.12
기초 - 연산자(Opertator)  (0) 2017.08.03
'공부좀 하자/JavaScript' Related Articles more
Comments