cols HTML DOM conjunto de marcos atribuyen
objetos de marcos Definición y Uso
cols conjuntos de propiedades o devuelve el número de cuadro de enfoque y el tamaño de las columnas.
O el porcentaje de una lista separada por comas de píxeles define el número de columnas y el ancho.
gramática
framesetObject.cols=values
cols atributo puede ser uno o más de los siguientes valores:
| 值 | 描述 |
|---|---|
| pixels | 以像素为单位指定列的大小 (如： "100px" 或者 "100") |
| % | 以百分比指定列的大小(如："50%") |
| * | 剩余可用的列空间 |
Soporte para el navegador
Todos los principales navegadores soportan el atributo cols.
Ejemplos
En nuestro ejemplo, crear primero un conjunto de marcos con dos columnas del documento HTML. Cada columna se establece en 50% de la ventana del navegador:
<Html>
<Frameset id = "principales" cols = "50%, 50%">
<Frame src = "frame_cols.htm">
<Frame src = "frame_a.htm">
</ Frameset>
</ Html>
<Frameset id = "principales" cols = "50%, 50%">
<Frame src = "frame_cols.htm">
<Frame src = "frame_a.htm">
</ Frameset>
</ Html>
"Frame_cols.htm" El código fuente es el siguiente:
Ejemplos
<html>
<head>
<script>
function changeCols()
{
parent.document.getElementById("main").cols="30%,70%"
}
function restoreCols()
{
parent.document.getElementById("main").cols="50%,50%"
}
</script>
</head>
<body>
<input type="button" onclick="changeCols()" value="Change column size">
<input type="button" onclick="restoreCols()" value="Restore column size">
</body>
</html>
<head>
<script>
function changeCols()
{
parent.document.getElementById("main").cols="30%,70%"
}
function restoreCols()
{
parent.document.getElementById("main").cols="50%,50%"
}
</script>
</head>
<body>
<input type="button" onclick="changeCols()" value="Change column size">
<input type="button" onclick="restoreCols()" value="Restore column size">
</body>
</html>
Trate »
objetos de marcos