Cómo cambiar la vista con JavaScript

JavaScript permite cambiar dinámicamente el CSS en sus páginas, para que pueda administrar vistas después de que el usuario carga la página en el navegador Web. Puede cambiar los colores, la ubicación de los elementos HTML, visibilidad y accesibilidad de cada elemento de la página web. Se crea una función y cambie la propiedad CSS basado en la entrada del usuario, o puede cambiar de forma automática vistas al cargarse la página.

Instrucciones

1 Haga clic en el archivo HTML que desea administrar y haga clic en "Abrir con". Haga clic en el editor de HTML que aparece al abrir el código en el editor.

2 Añadir una sección JavaScript para su archivo. Todo el código JavaScript debe estar contenido dentro de las etiquetas "escritura". Agregue el código siguiente al archivo:

<Script type = "text / javascript"> </ script>

3 Añadir las funciones para cambiar la vista HTML. Puede cambiar uno o varios aspectos de la página. Por ejemplo, si usted quiere cambiar el color de fondo, utilice el siguiente código:

funcionar changeBG () {
document.bgColor = "# 000000";
}

El código anterior cambia la vista de un fondo negro.

4 Añadir un botón o enlace el usuario hace clic para cambiar la vista. El siguiente código crea un botón que cambia el color utilizando la función de JavaScript creado en el paso tres:

<Input type = "button" value = "Cambiar fondo" onclick = "changeBG ()">

5 Guarde los cambios y abrir el archivo en un navegador Web. Haga clic en el botón para cambiar el fondo y probar el código.