HTML DOM 프레임 셋 행 속성
![프레임 셋 객체 참조](/images/up.gif)
정의 및 사용
행 속성을 설정하거나 행과 프레임 크기의 수를 반환합니다.
아니면 픽셀의 쉼표로 구분 된 목록의 비율은 열 및 높이의 수를 정의합니다.
문법
framesetObject.rows=values
행 값은 다음 중 하나 이상이 될 수 속성 :
值 | 描述 |
---|---|
pixels | row 高度可以以像素指定 (如 "100px" 或者 "100") |
% | row 高度可以是百分比指定 (如"50%") |
* | 剩余可用空间 |
브라우저 지원
모든 주요 브라우저 행 속성을 지원합니다.
예
이 예에서, 먼저 HTML 문서의 두 개의 열이있는 프레임을 만들 수 있습니다. 각 열은 브라우저 윈도우의 50 %로 설정된다 :
<html>
<frameset id="main" rows="50%,50%">
<frame src="frame_rows.htm">
<frame src="frame_a.htm">
</frameset>
</html>
<frameset id="main" rows="50%,50%">
<frame src="frame_rows.htm">
<frame src="frame_a.htm">
</frameset>
</html>
다음과 같이 "Frame_rows.htm"소스 코드는 다음과 같습니다
예
<html>
<head>
<script>
function changeRows()
{
parent.document.getElementById("main").rows="30%,70%"
}
function restoreRows()
{
parent.document.getElementById("main").rows="50%,50%"
}
</script>
</head>
<body>
<form>
<input type="button" onclick="changeRows()" value="Change row size">
<input type="button" onclick="restoreRows()" value="Restore row size">
</form>
</body>
</html>
<head>
<script>
function changeRows()
{
parent.document.getElementById("main").rows="30%,70%"
}
function restoreRows()
{
parent.document.getElementById("main").rows="50%,50%"
}
</script>
</head>
<body>
<form>
<input type="button" onclick="changeRows()" value="Change row size">
<input type="button" onclick="restoreRows()" value="Restore row size">
</form>
</body>
</html>
»시도
![프레임 셋 객체 참조](/images/up.gif)