5. 해상도마다 다른 웹 문서 띄우기
페이지 정보
작성자 관리자 댓글 1건 조회 2,961회 작성일 21-08-03 21:13본문
5. 해상도마다 다른 웹 문서 띄우기
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>해상도마다 다른 웹 문서 띄우기</title>
<link rel="stylesheet" href="css/default.css" />
<style>
#resolution {
border: none;
}
</style>
<script language="javascript">
window.onload=controlResizing;
window.onresize=controlResizing;
function controlResizing(){
var vn_screenx=window.innerWidth; // 화면 스크린 넓이
var vn_screeny=window.innerHeight; // 화면 스크린 높이
var documentTxt=document.getElementById("resolution");
documentTxt.value="width "+vn_screenx+", height "+vn_screeny;
if(vn_screenx<800){
iframe.location.href="main01.html";
}else if(vn_screenx<1024){
iframe.location.href="main02.html";
}else{
iframe.location.href="main03.html";
}
}
</script>
</head>
<body>
<form name="browser">
<input type="text" id="resolution" value="width, height">
</form>
<iframe src="" name="iframe" frameborder="0" width="500" height="500" marginwidth="0"
marginheight="0" scrolling="auto"></iframe>
</body>
</html>