Tecnología

Inicio

Los conjuntos de marcos correctos para JavaScript

Los conjuntos de marcos correctos para JavaScript


Con un conjunto de marcos diseñados correctamente (un grupo de rectángulos contiguos dentro de una página web), se puede utilizar código JavaScript para cambiar rápidamente el contenido dentro de los marcos de su página web. El diseño de un conjunto de marcos correcta no es difícil. Sólo tiene que seguir la sintaxis HTML y reglas para definir el conjunto de marcos y nombrar los conjuntos de marcos correctamente. Una vez hecho esto, sólo tiene que utilizar el código JavaScript correcta para cambiar el contenido dentro y fuera de sus marcos.

El uso de marcos

Los conjuntos de marcos son codificados con el lenguaje de marcado HTML con la etiqueta "<FRAMESET>". La etiqueta FRAMESET se utiliza para especificar si un conjunto de marcos es un conjunto de marcos columna (un grupo de rectángulos contiguos dispuestos verticalmente) o una framset fila (un grupo de rectángulos contiguos dispuestos horizontalmente). La etiqueta "<frameset cols =" 100 ">", por ejemplo, crea dos columnas: una que es de 100 píxeles de ancho y otra columna que se extiende el ancho restante de la ventana del navegador. Un conjunto de marcos correctamente codificado siempre debe incluir una "columna o fila" para que los marcos se muestran correctamente en la ventana del navegador.

contenido de marcos

El contenido que se coloca dentro de un marco dentro de un conjunto de marcos se codifica con la etiqueta "<FRAME SRC>". La etiqueta se le asigna un atributo que identifica el nombre del archivo, como un archivo gráfico o un archivo de página web, que se colocará en el marco. Un atributo de nombre también se le debe asignar en la etiqueta FRAME SRC para que el código JavaScript puede cambiar un contenido diferente dentro y fuera de una columna o fila de trama específico. La etiqueta "<FRAME SRC =" theexample.htm "name =" ciudades ">", por ejemplo, asigna el nombre de "ciudades" a la columna de la trama que el contenido del archivo "theexample.htm" se coloca en.

JavaScript control de contenido del marco

Una función de JavaScript se utiliza a menudo para controlar qué contenido (qué archivo) se coloca en el fotograma. Dentro de la función JavaScript esto se logra seleccionando el nombre del marco asignado dentro del directorio de documentos del archivo HTML y equiparándolo al archivo que se va a cargar. Por ejemplo, el código JavaScript "parent.cities.location =" secondpicture.htm "" cargará el archivo "secondpicture.htm" en la columna de la trama (o fila) ciudades antes mencionadas.

Llamada de función JavaScript

Dentro de un documento HTML, la función de JavaScript que permite cambiar el contenido de una trama a menudo se ejecuta cuando se hace clic en un enlace en la página web. Por ejemplo, el código "<A HREF="javascript:changeContent()"> cargar una nueva página web en un marco </A>" se utiliza para crear un enlace que llamar a una función JavaScript llamada "changeContent" cuando el enlace con la etiqueta "carga una nueva página en un marco" se hace clic.