Cuando se trata de iframe, es posible que lo haya arrojado a una esquina olvidada, pero no es ajeno hablar de su marco hermano. Las etiquetas de marco son etiquetas de cuadro. Lo que llamamos una estructura de múltiples cuadros es mostrar múltiples archivos HTML en la ventana de un navegador. Ahora, encontramos una situación muy realista: si hay un tutorial, una sección a la vez y un enlace a las secciones anteriores y siguientes se realiza al final de cada página. Excepto por los diferentes contenidos de cada sección, los contenidos de otras partes de la página son los mismos. Si haces una página estúpida en una página, parece demasiado molesto. En este momento, tienes una idea repentina. Si hay una manera de mantener las otras partes de la página sin cambios, y solo haga el tutorial en una página de contenido de página por página sin otro contenido. Al hacer clic en el enlace para subir y bajar, solo cambie el contenido del tutorial y mantenga a los demás sin cambios. De esta manera, uno es ahorrar tiempo, y en el futuro, si hay un cambio en el tutorial, también es muy conveniente, para que no afecte a todo el ejército; Más importante aún, descargue el banner publicitario, la lista de columnas, la navegación y otras cosas que son casi todas las páginas solo una vez y luego ya no lo descargan.
Las etiquetas iframe, también conocidas como etiquetas de marco flotantes, se pueden usar para incrustar un documento HTML en una pantalla HTML. Es diferente de la característica más importante de la etiqueta de cuadro, es decir, el archivo HTML mencionado por esta etiqueta no se muestra independientemente de otro archivo HTML, pero puede integrarse directamente en un archivo HTML, combinado con el contenido de este archivo HTML para convertirse en un todo. Además, el mismo contenido se puede mostrar en una página muchas veces sin tener que repetir el contenido. Una metáfora vívida es la televisión fotográfica en imagen.
Ahora hablemos sobre el uso de etiquetas de iframe.
El formato de uso de las etiquetas de iframe es:
<Iframe src = url width = x height = x scrolling = [opción] frameBorder = x> </iframe>
SRC: la ruta al archivo, que es un archivo HTML o texto, ASP, etc.;
Ancho, altura: el ancho y la altura del área de la imagen en la imagen;
desplazamiento: cuando el archivo HTML especificado de SRC no se muestra en el área especificada, la opción de desplazamiento. Si está configurado en NO, no aparecerá una barra de desplazamiento; Si es automático: la barra de desplazamiento aparecerá automáticamente; Si es sí, se mostrará;
FrameBorder: el ancho del borde del área, que a menudo se establece en 0 para combinar la imagen en la imagen con el contenido adyacente.
Por ejemplo:
<Iframe src = http: //netschool.cpcw.com/homepage width = 250 altura = 200 scrolling = no frameBorDer = 0> </iframe>
2. Control mutuo entre la forma principal y el marco flotanteEn el lenguaje de secuencias de comandos y la jerarquía de objetos, las ventanas que contienen iFrames se denominan formas principales, mientras que los marcos flotantes se denominan formas infantiles. Es importante comprender la relación entre estos dos, porque para acceder a los formularios del niño en forma principal o viceversa, debe tener claro la jerarquía de objetos para acceder y controlar el formulario a través del programa.
1. Acceda a objetos de acceso y control en forma de niño en la forma principal
En la forma principal, iframe, es decir, una forma infantil, es un objeto infantil del objeto del documento, y se puede acceder a los objetos en la forma infantil directamente en el script.
Ahora hay una pregunta, es decir, ¿cómo controlamos este iframe? Aquí tenemos que hablar sobre el objeto iframe. Después de establecer el atributo de ID en esta etiqueta, podemos usar el modelo de objeto de documento DOM para controlar el HTML contenido en el iframe.
Por ejemplo, incruste el archivo test.htm en el ejemplo.htm y controle algunos objetos etiquetados en test.htm:
<Iframe src = test.htm id = test width = 250 hight = 200 scrolling = no frameBorDer = 0> </iframe>
El código de archivo test.htm es:
<html>
<Body>
<h1 id = myh1> hola, mi chico </h1>
</body>
</html>
Si queremos cambiar el texto en la etiqueta H1 con el número de identificación myh1 a hola, querida, entonces:
document.myh1.inntext = hola, querida (donde se puede guardar el documento)
En el archivo Ejemplo.htm, el subformador mencionado por el objeto de etiqueta iframe es consistente con el modelo de objeto DHTML general y el método de control de acceso para el objeto es el mismo, por lo que no lo repetiré nuevamente.
2. Acceda a los objetos de acceso y control en la forma principal en la forma del niño
En la forma del niño podemos acceder a los objetos en la ventana principal a través de su padre, es decir, objeto padre (padre).
Por ejemplo.htm:
<html>
<Body OnClick = Alert (tt.myh1.innerhtml)>
<Iframe name = tt src = frame1.htm width = 250 Height = 200 Scrolling = No FrameBorDer = 0> </iframe>
<h1 id = myh2> hola, mi esposa </h1>
</body>
</html>
Si desea acceder al texto de título con el número de identificación myh2 en frame1.htm y cambiarlo a hola, amigo, podemos escribirlo así:
padre.myh2.inntext = hola, amigo
Aquí, el objeto principal representa el formulario actual (el formulario donde se encuentra el ejemplo.htm). Debe acceder a los objetos en la forma principal en la forma del niño, y todos ellos se llevan a cabo a través del objeto principal sin excepción.
Aunque iframe está integrado en otro archivo HTML, sigue siendo relativamente independiente y es un reino de independencia. Las características en un solo HTML también son adecuadas para marcos flotantes.
Imagínese, a través de las etiquetas de iframe, podemos representar esos contenidos sin cambios como iframes, de modo que no hay necesidad de repetir el mismo contenido. ¡Esto es un poco como un proceso o función en la programación, ahorrando mucha mano de obra manual engorrosa! Además, es crucial que haga que las modificaciones de la página sean más factibles, porque no tiene que modificar cada página debido a los ajustes de diseño, solo necesita modificar el diseño de una forma principal.
Una cosa a tener en cuenta es que Nestscape Browser no admite las etiquetas de iframe, pero en el mundo de IE, esto parece estar bien. Utiliza ampliamente las etiquetas iframe, que no solo se considera (sitio web) y ahorra los gastos en línea de los internautas. ¿Por qué no hacerlo?
El marco flotante es una definición en la especificación HTML4.0, y actualmente los navegadores lo admiten.
A diferencia de la partición representada por Frameset, existe un marco flotante como un objeto incorporado en una página web, y su estilo es como un gráfico o un applet en una página. El marco flotante utiliza la etiqueta <iframe>, que tiene la mayor parte de la misma configuración de atributos que <Frame>, que incluye: Nombre, SRC, MarginWidth, MarginHeight, FrameBorder y desplazamiento. Al mismo tiempo, también tiene la misma altura, ancho y propiedades alineadas que gráficos o applets.
Además, el marco flotante sigue el mismo principio objetivo que el marco normal: podemos señalarlo por su nombre. Este principio se aplica a los marcos flotantes en cualquier tipo de marco, de lo contrario es fácil de hacer. Un enlace sin un traget en un marco flotante se apunta a sí mismo, mientras que un enlace _parente apunta al marco o ventana donde se encuentra el documento que contiene <iframe>. Por ejemplo:
<Iframe name = floater src = start.htm width = 150 altura = 200 hspace = 10 align = izquierda>
<Img src = imágenes/noframe.gif alt = no puede ver el marco flotante
Ancho = 150 altura = 200 Hspace = 10 alinearse = derecha>
</frame> <br>
<A href = One.htm Target = Floater> show one.htm </a> <p>
<A href = two.htm target = floater> show two.htm </a> <p>
<A href = start.htm Target = Floater> traer de nuevo start.htm </a>
Tenga en cuenta que para los navegadores que admiten las etiquetas <iframe>, se ignorará cualquier contenido ubicado entre <frame> y </iframe>. En su lugar, se mostrará el contenido en él, que se puede usar para explicar que el navegador actual no admite <iframe>