¿Supiste lo que acaba de lanzar LagriHost? Sí, como lo estabas esperando, ahora vendemos Web Hosting y Dominios. Conoce más :)


Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
TUTORIAL Cómo utilizar Javascript para actualizar un Título
#1
0
JavaScript es un lenguaje de programación independiente del proveedor que normalmente está incrustado en páginas Web y se ejecuta en un equipo cliente. Desde JavaScript está basado en objetos, tiene una variedad de objetos incorporados que se pueden utilizar para añadir contenido dinámico a las páginas Web. Uno de estos objetos, el objeto de documento, proporciona acceso a todos los elementos en una página HTML desde el interior de JavaScript, dando a los desarrolladores la capacidad de cambiar de forma dinámica los elementos del documento, tales como enlaces y anclajes, así como atributos como el color de fondo y el título de la página .


Cosas que necesitará
Editor de texto
Navegador web con JavaScript habilitado

Instrucciones:
1-Abra un editor de texto y crear un nuevo archivo llamado updateTitle.html. Añadir algunas etiquetas HTML a updateTitle.html, asegurándose de incluir un elemento <head> y <body> sección:
<Html>
<Head> </ head>
<Body> </ body>
</ Html>
Guardar updateTitle.html.

2-Añadir una etiqueta <title> del HTML sección <head>. El texto del título debe decir "Título de la página Antes":
<Html>
<Head>
<Title> Título de Página Antes </ title>
</ Head>
<Body> </ body>
</ Html>

3-Escriba una etiqueta guión abierto JavaScript y colocarlo dentro de la etiqueta <head>. Establezca la <script> valor de tipo de etiqueta para text / javascript y cerrar la etiqueta:
<Html>
<Head>
<Title> Título de Página Antes </ title>
<Script type = "text / javascript">
</ Script>
</ Head>
<Body> </ body>
</ Html>

4-Añadir una función JavaScript para <script> sección del archivo. Nombre del ChangeTitle función ():
<Html>
<Head>
<Title> Título de Página Antes </ title>
<Script type = "text / javascript">
funcionar ChangeTitle ()
{
}
</ Script>
</ Head>
<Body> </ body>
</ Html>

5-Añadir un código JavaScript a la función ChangeTitle () que actualiza el título del documento usando la propiedad document.title. Cambie el título a título de página después:
<Html>
<Head>
<Title> Título de Página Antes </ title>
<Script type = "text / javascript">
funcionar ChangeTitle ()
{
document.title = "Título Después de Página";
}
</ Script>
</ Head>
<Body> </ body>
</ Html>

6-Añadir una etiqueta <p> dentro de la etiqueta <body>. Introduzca el texto que muestra el mensaje de cambio de título con JavaScript. Cierre la </ p> tag:
<Html>
<Head>
<Title> Título de Página Antes </ title>
<Script type = "text / javascript">
funcionar ChangeTitle ()
{
document.title = "Título Después de Página";
}
</ Script>
</ Head>
<Body>
<P> Cambiar título con JavaScript </ p>
</ Body>
</ Html>

7-Añadir un botón <> para la etiqueta <body>. Añadir un evento onclick () para el botón y ajuste el onclick () para llamar a la acción ChangeTitle () JavaScript función. Introduce el texto Haga clic para cambiar el título después de que el botón <> etiqueta abra y cierre la etiqueta:
<Html>
<Head>
<Title> Título de Página Antes </ title>
<Script type = "text / javascript">
funcionar ChangeTitle ()
{
document.title = "Título Después de Página";
}
</ Script>
</ Head>
<Body>
<P> Cambiar título con JavaScript </ p>
<Button onclick = "ChangeTitle ()"> Haga clic para cambiar el Título </ button>
</ Body>
</ Html>
Guarde y cierre updateTitle.html.

8-Abrir updateTitle.html en un navegador Web. Haga clic en "Haga clic para cambiar el título" botón para cambiar el título de updateTitle.html del Título de Página Antes de Título de página después.


Consejos y advertencias
El título de la página es uno de los elementos más importantes de SEO (optimización de motores de búsqueda), y los títulos de página se muestran prominentemente en las páginas de resultados de motores de búsqueda. Tenga esto en cuenta en el desarrollo de títulos de página.
Repetidamente objetos que crean pueden causar problemas de rendimiento. Si tiene que crear varios objetos idénticos, considere crear el objeto una vez, almacenarlo en una variable, y hacer referencia a la variable.
La colocación de código JavaScript en un archivo separado y hacer referencia al archivo de código HTML dentro permite a los desarrolladores utilizar un solo archivo de código en varias páginas. Además, esta técnica permite que varios desarrolladores utilizan el mismo archivo de código y promueve la encapsulación.
Cambiar los títulos de las páginas de forma dinámica utilizando un script del lado del cliente no alterarán los resultados de la página en los motores de búsqueda. Los motores de búsqueda utilizan el título que se codifica como parte de la página, y no son conscientes de los cambios dinámicos de títulos realizados después de cargar la página.

fuente

Guiño  Gracias por comentar!  
Sonrisa

Muchas Gracias por tu buen comentario.

R o b e r t o

...con la vara que mides, serás medido!



Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Tutorial Como hacer chat con el símbolo del sistema (CMD) Diringax 0 311 10-07-2017, 06:07 PM
Último mensaje: Diringax
  Tutorial Limpiar estilos no usados de tu CSS para liberar espacio Diringax 0 381 17-02-2017, 10:31 AM
Último mensaje: Diringax
  Tutorial Versiones de Visual Basic ¿Qué es? ¿Es Visual Basic buen lenguaje para Programar? Kevin Alfonso 2 706 20-06-2016, 09:13 PM
Último mensaje: cybersdl
  Tutorial Aporte - Popunder Javascript para cualquier link de tu elección! Kevin Alfonso 1 532 19-06-2016, 07:29 PM
Último mensaje: Nomak
  Tutorial Cómo utilizar Javascript para reproducir un archivo Roberto 2 723 19-06-2016, 07:22 PM
Último mensaje: Nomak



Usuarios navegando en este tema:
1 invitado(s)


Forum software by © MyBB Theme © Kevinex & iAndrew 2018