HTML DOM Frameset cols attribuent
Définition et utilisation
ensembles de propriétés ou retourne le cols numéro de cadre de mise au point et la taille des colonnes.
Ou le pourcentage d'une liste de pixels séparés par des virgules définit le nombre de colonnes et de largeur.
grammaire
framesetObject.cols=values
Col. attribut peut être une ou plusieurs des valeurs suivantes:
值 | 描述 |
---|---|
pixels | 以像素为单位指定列的大小 (如: "100px" 或者 "100") |
% | 以百分比指定列的大小(如:"50%") |
* | 剩余可用的列空间 |
support du navigateur
Tous les principaux navigateurs prennent en charge l'attribut cols.
Exemples
Dans notre exemple, créez d'abord un jeu de cadres avec deux colonnes du document HTML. Chaque colonne est réglé à 50% de la fenêtre du navigateur:
<Html>
<Frameset id = "principaux" cols = "50%, 50%">
<Cadre src = "frame_cols.htm">
<Cadre src = "frame_a.htm">
</ Frameset>
</ Html>
<Frameset id = "principaux" cols = "50%, 50%">
<Cadre src = "frame_cols.htm">
<Cadre src = "frame_a.htm">
</ Frameset>
</ Html>
"Frame_cols.htm" code source est la suivante:
Exemples
<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>
Essayez »
objets frameset