HTML-DOM Frameset cols Attribut
Definition und Verwendung
cols-Eigenschaft legt oder gibt den Fokusrahmen Anzahl und Größe der Spalten.
Oder der Prozentsatz einer kommagetrennte Liste von Pixeln definiert die Anzahl der Spalten und Breite.
Grammatik
framesetObject.cols=values
cols Attribut eine oder mehrere der folgenden Werte können sein:
值 | 描述 |
---|---|
pixels | 以像素为单位指定列的大小 (如: "100px" 或者 "100") |
% | 以百分比指定列的大小(如:"50%") |
* | 剩余可用的列空间 |
Browser-Unterstützung
Alle gängigen Browser unterstützen cols-Attribut.
Beispiele
In unserem Beispiel erstellen Sie zunächst ein Frameset mit zwei Spalten des HTML-Dokuments. Jede Säule ist auf 50% des Browser-Fensters gesetzt:
<Html>
<Frameset id = "main" cols = "50%, 50%">
<Frame src = "frame_cols.htm">
<Frame src = "frame_a.htm">
</ Frameset>
</ Html>
<Frameset id = "main" cols = "50%, 50%">
<Frame src = "frame_cols.htm">
<Frame src = "frame_a.htm">
</ Frameset>
</ Html>
"Frame_cols.htm" Source Code ist wie folgt:
Beispiele
<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>
Versuchen »
Frameset Objekte