현재창에서 다른링크로 이동하기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>laction</title>
<style>
div {
height: 150px;
width: 150px;
cursor: pointer;
}
#location{ background-color: aquamarine;}
</style>
</head>
<body>
<div id ="location" onclick="location.href=('https:www.daum.net')"> 현재창에서 다음으로 이동</div>
</body>
</html>
그럼 이 div 박스를 클릭시(안에 있는 아이템들 포함)
현재 열려있는 홈페이지에서 새창으로 이동됩니다. (새로운 창 생성 x)
새로운창 생성 후 다른 링크로 이동하기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div {
height: 150px;
width: 150px;
cursor: pointer;
}
#window{
background-color: blue;
}
</style>
</head>
<body>
<div id ="window" onclick="window.open('https:www.naver.com')"> 새로운 창 열고 네이버로 이동</div>
</body>
</html>
그럼 이 div 박스를 클릭시(안에 있는 아이템들 포함)
새창(새 탭) 생성 후 링크로 이동됩니다.
'Front-End > CSS' 카테고리의 다른 글
| [bootstrap] 쿠팡이츠 데모 사이트 (0) | 2022.03.23 |
|---|---|
| [bootstrap] 간단한 버튼 생성 (0) | 2022.03.21 |
