frameset

카테고리 없음

frameset

psys 2020. 6. 30. 10:44

728x90

해킹에 악용되어서 html5 버전부터는 지원하지 않으나 사용하면 편리해서 내부 네트워크 웹프로그램에는 편하게 사용

<frameset rows="10%,*">
    <frame src="DIV.html"></frame>
    <frame src="DIV2.html"></frame>
</frameset>

위에 것을 10%만 할당, 나머지 전부

<frameset rows="70%,*">
    <frame src="DIV.html"></frame>
    <frame src="DIV2.html"></frame>
</frameset>

위를 70% 나머지는 전부

<frameset rows="30%,*">
    <frame src="DIV.html"></frame>
    <frameset cols="50%,*">   
        <frame src="DIV2.html"></frame>
        <frame src="innerHTML.html"></frame>
    </frameset>    
</frameset>

30%주고, 남은 공간을 좌우 컬럼으로 나누기

좌우로 나눌땐 cols를 사용!!

왼쪽이 div2, 오른쪽이 innerHTML

frameset.html

<!-- 해킹에 악용되어서 html5 버젼부터는 지원하지 않으나
  사용하면 편리해서 내부네트워크 웹프로그램에는 편하게 사용
-->
<frameset rows="30%,*">
  <frame src="windowopen.html"></frame>
  <frameset cols="50%,*">   
      <frame src="frame01.html"></frame>
      <frame src="frame02.html"></frame>
  </frameset>    
</frameset>

frame01.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="frm1Txt" value=""><br>
    <input type="button" value="프레임1버튼" onclick="f_check()">
    <script>
        function f_check(){
            
        }
    </script>
</body>
</html>

frame02.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="frm2Txt" value=""><br>
    <input type="button" value="프레임2버튼" onclick="f_check()">
    <script>
        function f_check(){
            
        }
    </script>
</body>
</html>

opener의 부모는 frameset

        function f_opener(){
            opener.parent.frames[1].document.getElementById("frm1Txt").value=
            document.getElementById("new_txt").value;
            opener.parent.frames[2].document.getElementById("frm2Txt").value=
            document.getElementById("new_txt").value;
            // opener.document.getElementById("old_txt").value = 
            //    document.getElementById("new_txt").value;
        }

프레임악용

범용사이트에서는 사용금지!!

<frameset rows="0%,*" frameborder=0>
    <frame src=""></frame>
    <frame src="https://www.naver.com"></frame>
</frameset>