La diferencia entre html iframe y frameset

Autor：Eve Cole Fecha de actualización：2025-03-20 05:00:03

Breve introducción

1. <Html "> iframe> etiquetas: iframe es un marco interno, que genera un marco interno en la página.

2. <frameset> Etiquetas: Frameset define un conjunto de marco, que contiene múltiples subcames, y cada marco tiene una documentación independiente.

<iframe> etiqueta

Iframe es un marco interno, que genera un marco interno en la página.

propiedad

FrameBorder {int}: si debe mostrar el marco del marco;

Src {URL}: especifique el URI de un recurso (como páginas web, imágenes);

desplazamiento {booleano}: si debe mostrar la barra de rodadura del marco;

Ancho {int}: defina el ancho de iframe;

altura {int}: defina la altura de iframe;

Ejemplo ejemplar

 <Body> <H3> HTML Demostración de la etiqueta </h3> <iframe src = 1.1-showhtml.htm> </frame> </body>

Precauciones

Cuando <iframe> agrego contenido en el contenido </frame>, el contenido de la página agregado no se mostrará en la página de visualización. Entonces, use el atributo SRC para especificar una página.

Escenarios de aplicación

1) Página de actualización de edición, demasiados registros de versión, puede poner la información de actualización en un iframe.

2) Caja de edición de la fortuna, como el área [Nuevo Ensayo] en el Blog Park.

<rameset> etiqueta

Frameset define un conjunto de marco que contiene múltiples marcos, y cada marco tiene una documentación independiente.

Formato

 <Frameset> <Frame src = A.htm /> <Frame src = b.htm /> <noframes> </ noframes> < /frameset>

Subexplicación

<framesrc = a.htm />: sub -frame <noframes> </frames>: cuando el navegador no admite este marco, se muestra.

propiedad

Atributo Frameset:

Filas: el diseño del submarino según la línea de línea (). Tomar dos subcampeones como ejemplo: filas = 30%,*, lo que indica que el primer marco representa el 30%de la página completa, y el segundo ocupa el color restante; sub -frame (). Tomar 2 subcampeones como ejemplo: cols = 30%,*, lo que indica que el primer marco representa el 30%de la longitud de la página completa, y el segundo ocupa el restante; el subcamado sin ajustar.

Atributo de marco:

Src: Uri que se refiere a un recurso (como páginas, imágenes, etc.);

Nombre: Especifique el nombre del marco para la operación entre el marco.

Ejemplo ejemplar

 <html xmlns = http://www.w3.org/1999/xhtml> <cead> <title> Frameset Demosation </title> </head> <Frameset Rows = 30%,* Noresize = Noresize> <Frame src = DateGrid.htm name = FRM1/> <Frame src = dialog.htm name = FRM2/> <NoOframes> </noframes> </frameset> </html>

Precauciones

Cuando use una etiqueta Frameset, preste atención para eliminar la etiqueta <body> </body> de la capa externa.

Operación entre subcames

参照示例代码，frm1更改frm2的子集指向的页面： window.parent.frames[frm2].location.href = 'b.htm'

Escenarios de aplicación

1) La gestión de la página de fondo, el menú a la izquierda y la página detallada en el marco derecho.

2) Página de menú de funciones, como bbs.csdn.net

Poco conocimiento

Cuando navegue por el marco en la página, haga clic en la derecha, haga clic en la página de cuadro, y habrá más información del marco.

Tome Chrome como ejemplo: