HTML DOM rows 属性

定义和用法

rows 属性可设置或返回框架中行的数目和尺寸。

由逗号分割的像素或百分比列表定义了列的数目和高度:

语法

  1. framesetObject.rows=row1,row2,row3....

实例

在我们的例子中,首先将创建包含带有两个列的框架集的 HTML 文档。每列设置为浏览器窗口的 50%:

  1. <html>
  2. <frameset rows="50%,50%">
  3. <frame src="frame_rows.htm">
  4. <frame src="frame_a.htm">
  5. </frameset>
  6. </html>

HTML 文档 "frame_rows.htm" 被放入第一列,而 HTML 文档 "frame_a.htm" 被放入第二列。

下面是 "frame_rows.htm" 的源代码:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function changeRows()
  5. {
  6. parent.document.getElementById("main").rows="30%,70%"
  7. }
  8.  
  9. function restoreRows()
  10. {
  11. parent.document.getElementById("main").rows="50%,50%"
  12. }
  13. </script>
  14. </head>
  15. <body>
  16.  
  17. <form>
  18. <input type="button" onclick="changeRows()"
  19. value="Change row size" />
  20. <input type="button" onclick="restoreRows()"
  21. value="Restore row size" />
  22. </form>
  23.  
  24. </body>
  25. </html>