Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Tutorial Cómo utilizar Javascript para actualizar un Título
#1
Sonrisa 
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
Muchas Gracias por tu buen comentario.
tu amigo Silohay!Gran sonrisa


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  JavaScript en 14 minutos Posits 5 208 12-04-2018, 08:44 AM
Último mensaje: easy english
  [Tutorial] Métodos para redireccionar URLs (HTML, PHP y Javascript wiston3 1 356 01-12-2016, 11:12 PM
Último mensaje: zeuz
  Linux Foundation respalda JavaScript Kiichi 3 403 03-11-2016, 03:43 AM
Último mensaje: habacuc78
  [Aporte] Curso básico de Javascript habacuc78 22 1,500 05-07-2016, 03:53 PM
Último mensaje: escuelasegura
  Trucos y efectos de Javascript para tu página web CarlosAlberto 0 611 05-01-2016, 03:51 PM
Último mensaje: CarlosAlberto
Bombilla [Tutorial] Cómo utilizar Javascript para reproducir un archivo R0bert0 0 465 05-12-2015, 10:02 PM
Último mensaje: R0bert0
  [Duda] Cómo puedo usar python para calcular datos y mostrarlos vía php piero.cpvd 3 1,032 05-12-2015, 12:12 PM
Último mensaje: midd_98
  [Tutorial] Calculadora sencilla en JavaScript luis.ml 3 605 21-09-2015, 12:03 PM
Último mensaje: riblier
  Ayuda con Contador en JavaScript alemagno 2 480 25-06-2015, 06:29 PM
Último mensaje: alemagno
  Caracteres especiales en javascript MikaCookies 4 795 09-03-2015, 01:41 AM
Último mensaje: MikaCookies



Usuarios navegando en este tema: 1 invitado(s)