-
Cómo colocar funciones JavaScript en pie de página
-
El lenguaje JavaScript proporciona a los programadores un notable conjunto de herramientas para crear y modificar contenido de la página Web. el acceso de JavaScript del modelo de objetos DOM o un documento de una página Web permite modificar el código de elementos de la página durante el proceso de carga de las páginas y después de la carga de la página se hace. código JavaScript se puede colocar en cualquier lugar dentro del documento HTML --- incluyendo la sección de pie de página en la que se ha cargado el código última. Los scripts que deben ejecutarse como se carga la página deben permanecer en la cabeza o en el cuerpo en su caso.Instrucciones
1 Iniciar la aplicación editor estándar, texto sin formato que está disponible en su ordenador.
2 Introduzca el código siguiente en el editor de texto.
<Html>
<Head>
<Html>
<Head>
<Style type = "text / css"> <! -
pie de página {
background-color: rojo;font-size: 15px;
text-align: center;
padding: 5px;
color blanco;
}
-> </ Style>
</ Head>
<Body onload id = "externa" = "changeBody ();" >
<H1 id = "interior"> A continuación se presenta el texto del Javascript funciona en! </ H1>
<Input type = "button" onclick = "changeH1 ()" value = "Haga clic en este botón para activar el código de pie de página" />
<Div id = "pie">
Esto representa el pie de página
<Script language = "javascript">
// Este código se ejecuta cuando se pulsa el botón
funcionar changeH1 () {
. Document.getElementById ( "interior") style.fontSize = "62px";
. Document.getElementById ( "interior") style.textAlign = "centro";
. Document.getElementById ( "interior") style.backgroundColor = "# FFB3B3";
. Document.getElementById ( "interior") style.border = "4PX discontinua roja";
. Document.getElementById ( "interior") style.color = "negro";
. Document.getElementById ( "interior") innerHTML = "El código de pie de página funciona aquí";
}
changeBody función () {
// Este código se ejecuta como se carga la página
. Document.getElementById ( "externa") style.backgroundColor = "# c1c1c1";
}
</ Script>
<Script language = "javascript">
// Este código está destinado a mostrar como se carga la página, pero no está colocada correctamente
document.write ( "<h1> Yo quería que esto fuera en la parte superior de la página </ h1>!");
</ Script>
</ Div>
</ Body>
</ Html>
3 Haga clic en el menú "Archivo". Seleccionar la opción "Guardar". Guardar con el nombre de archivo "test.html".
4 Iniciar el navegador Web que está disponible en su ordenador. Haga clic en la opción de menú "Archivo" y seleccionar "Abrir archivo".
5 Busque el archivo "test.html" acaba de crear, seleccionar con el ratón, a continuación, haga clic en "Abrir".
6 Haga clic en el botón etiquetado como "Haga clic en este botón para activar el código de pie de página."
Consejos y advertencias
- grandes bibliotecas de JavaScript colocados en el pie de página en lugar de la sección de cabeza hará que su página web aparezca para cargar más rápido. Desde texto, imágenes y animaciones se cargan y se muestran en primer lugar, el visitante tiene contenido para ver, mientras que su código está cargando. Su página debe organizarse de forma que ningún contenido importante depende del código de pie de página para mostrar.
- Los principales navegadores Web muestran todos los HTML válido y el código CSS de manera diferente. Además, algunos navegadores permiten el uso de las funciones de JavaScript propietarias que pueden no estar disponibles o pueden funcionar de manera diferente en más navegadores compatibles con los estándares. Siempre probar el código en diferentes navegadores y versiones anteriores del mismo navegador con el fin de asegurarse de que su código funciona del modo deseado.
