Cuando se trata de iframe, es posible que ya lo haya arrojado a una "esquina olvidada", pero no es ajeno a 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. Este sitio web contiene este artículo para hablar sobre el uso de marcos en la página de producción de la etiqueta de iframe, y explicar en detalle las tecnologías y el conocimiento relevantes de Iframe Tag Framework y el conocimiento en el artículo. ¡Bienvenido para brindarle algo de apoyo y ayuda en este sentido! Los siguientes son los detalles:
Al observar los sitios web actuales, la velocidad de Internet es un poco lenta, pero casi todas las páginas tienen muchas cosas similares, como pancartas, imágenes de columnas, derechos de autor, etc., por supuesto, para las necesidades del estilo de sitio web unificado y los efectos publicitarios, es comprensible, pero después de todo, las billeteras de los usuarios se están volviendo cada vez más rancias con estas cosas adornadas. ¿Hay alguna manera de evitar que estas cosas similares las descarguen una vez, pero solo descargue esos contenidos web con cambios en el contenido?
La respuesta es sí: ¡aplique etiquetas de iframe!
1. Uso de etiquetas de iframe
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 las 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 de tres pantalones cortos largos y dos 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 solo se descargan una vez y luego ya no se 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 flotante
En 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 del título con el número de identificación myh2 en frame1.htm y cambiarlo a hola, amigo, podemos escribirlo así: parent.myh2.inntext = hola, amigo mío
Aquí, el objeto principal representa el formulario actual (el formulario donde se encuentra el ejemplo.htm). Debe acceder al objeto en la forma principal en la forma del niño, y todos los objetos principales se realizan 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, para que no haya 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 tediosa! 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 contenido sobre el uso del marco en la página de producción de la etiqueta de iframe y el caso para el final de este artículo. Puede marcar la URL de esta página http://www.vevb.com/web/a/2018090543436.shtml para un fácil acceso la próxima vez.