Maison

Cómo Usar JavaScript para Actualizar una Página de Título

1/1/2016

657304

Cómo Usar JavaScript para Actualizar una Página de Título

JavaScript es un proveedor neutral lenguaje de secuencias de comandos que normalmente está incrustado en las páginas Web y se ejecuta en un equipo cliente. Ya que JavaScript está basado en objetos, tiene una gran variedad de objetos que pueden ser usados para añadir contenido dinámico a 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 dinámicamente los elementos del documento, tales como enlaces y anclajes, así como los atributos tales como color de fondo y el título de la página.

JavaScript es un proveedor neutral lenguaje de secuencias de comandos que normalmente está incrustado en las páginas Web y se ejecuta en un equipo cliente. Ya que JavaScript está basado en objetos, tiene una gran variedad de objetos que pueden ser usados para añadir contenido dinámico a 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 dinámicamente los elementos del documento, tales como enlaces y anclajes, así como los atributos tales como color de fondo y el título de la página.
Cosas Que necesitará

editor de Texto

explorador Web con JavaScript

Abra un editor de texto y crear un nuevo archivo llamado updateTitle.html. Añadir algunas etiquetas HTML para updateTitle.html, asegúrese de incluir una etiqueta y :

Guardar updateTitle.html.
Añadir una etiqueta de HTML de la sección <head>. El título del texto 'Título de la Página Antes de': <html> <head> <title>Título de la Página Antes de
Tipo de JavaScript abrir etiqueta de secuencia de comandos y colocarlo dentro del HTML de la etiqueta . Conjunto de la etiqueta
Agregar una función de JavaScript en el archivo
Añadir código JavaScript a la changeTitle() función que actualiza el título del documento, utilizando el documento.título de propiedad. Cambiar el título de la Página Título Después de:

Título de la Página Antes de
Añadir una etiqueta
dentro del HTML de la etiqueta . Escriba el texto que muestra el mensaje de Cambio de Título Con JavaScript. Cerrar el
marca:

Título de la Página Antes de

Cambiar el Título Con JavaScript
Añadir un botón <> etiqueta de la etiqueta . Añadir un onclick() el evento al botón y establezca el onclick() la acción para llamar la changeTitle() a la función de JavaScript. Introduzca el texto haga Clic para Cambiar el Título después de que el botón <> abrir y etiqueta de cierre de la etiqueta:

Título de la Página Antes de

Cambiar el Título Con JavaScript

Guardar y cerrar updateTitle.html.

Cómo Deshabilitar CSS Hover Con JavaScript
Cómo Utilizar DOM para Establecer el Ancho de Atributo de un Elemento

Abrir updateTitle.html en un navegador Web. Haga clic en el botón 'haga Clic para Cambiar el Título de' botón para cambiar updateTitle.html's título de la Página del Título Antes de que la Página del Título Después.

Consejos & Advertencias

el título de La página es uno de los elementos más importantes en el SEO (search engine optimization), y los títulos de las páginas se muestran de forma destacada en la búsqueda de resultados del motor de páginas. Tenga esto en mente cuando en desarrollo de los títulos de página.
repetidas veces, la creación de objetos puede causar problemas de rendimiento. Si usted debe crear varios objetos idénticos, considere la posibilidad de crear el objeto una vez, guardarlo en una variable, y la referencia a la variable.
la Colocación de un código JavaScript en un archivo separado y se hace referencia al archivo desde el interior de código de HTML que permite a los desarrolladores utilizar un solo archivo de código en varias páginas. Además, esta técnica permite que varios desarrolladores utilizar el mismo archivo de código y promueve la encapsulación.

Cambiar los títulos de las páginas de forma dinámica mediante un script del lado del cliente no va a alterar la página de resultados de motores de búsqueda. Los motores de búsqueda utilizan el título que se han codificado como parte de la página, y no son conscientes de la dinámica de título de los cambios realizados después de que se carga la página.

Como Usar JavaScript para Actualizar una Pagina de Titulo

JavaScript es un proveedor neutral lenguaje de secuencias de comandos que normalmente esta incrustado en las paginas Web y se ejecuta en un equipo cliente. Ya que JavaScript esta basado en objetos, tiene una gran variedad de objetos que pueden ser usados para añadir contenido dinamico a paginas Web. Uno de estos objetos, el objeto de documento, proporciona acceso a todos los elementos en una pagina HTML desde el interior de JavaScript, dando a los desarrolladores la capacidad de cambiar dinamicamente los elementos del documento, tales como enlaces y anclajes, asi como los atributos tales como color de fondo y el titulo de la pagina.

JavaScript es un proveedor neutral lenguaje de secuencias de comandos que normalmente esta incrustado en las paginas Web y se ejecuta en un equipo cliente. Ya que JavaScript esta basado en objetos, tiene una gran variedad de objetos que pueden ser usados para añadir contenido dinamico a paginas Web. Uno de estos objetos, el objeto de documento, proporciona acceso a todos los elementos en una pagina HTML desde el interior de JavaScript, dando a los desarrolladores la capacidad de cambiar dinamicamente los elementos del documento, tales como enlaces y anclajes, asi como los atributos tales como color de fondo y el titulo de la pagina.
Cosas Que necesitara

editor de Texto

explorador Web con JavaScript

Abra un editor de texto y crear un nuevo archivo llamado updateTitle.html. Añadir algunas etiquetas HTML para updateTitle.html, asegurese de incluir una etiqueta y :

Guardar updateTitle.html.
Añadir una etiqueta de HTML de la seccion <head>. El titulo del texto 'Titulo de la Pagina Antes de': <html> <head> <title>Titulo de la Pagina Antes de
Tipo de JavaScript abrir etiqueta de secuencia de comandos y colocarlo dentro del HTML de la etiqueta . Conjunto de la etiqueta
Agregar una funcion de JavaScript en el archivo
Añadir codigo JavaScript a la changeTitle() funcion que actualiza el titulo del documento, utilizando el documento.titulo de propiedad. Cambiar el titulo de la Pagina Titulo Despues de:

Titulo de la Pagina Antes de
Añadir una etiqueta
dentro del HTML de la etiqueta . Escriba el texto que muestra el mensaje de Cambio de Titulo Con JavaScript. Cerrar el
marca:

Titulo de la Pagina Antes de

Cambiar el Titulo Con JavaScript
Añadir un boton <> etiqueta de la etiqueta . Añadir un onclick() el evento al boton y establezca el onclick() la accion para llamar la changeTitle() a la funcion de JavaScript. Introduzca el texto haga Clic para Cambiar el Titulo despues de que el boton <> abrir y etiqueta de cierre de la etiqueta:

Titulo de la Pagina Antes de

Cambiar el Titulo Con JavaScript

Guardar y cerrar updateTitle.html.

Como Deshabilitar CSS Hover Con JavaScript
Como Utilizar DOM para Establecer el Ancho de Atributo de un Elemento

Abrir updateTitle.html en un navegador Web. Haga clic en el boton 'haga Clic para Cambiar el Titulo de' boton para cambiar updateTitle.html's titulo de la Pagina del Titulo Antes de que la Pagina del Titulo Despues.

Consejos & Advertencias

el titulo de La pagina es uno de los elementos mas importantes en el SEO (search engine optimization), y los titulos de las paginas se muestran de forma destacada en la busqueda de resultados del motor de paginas. Tenga esto en mente cuando en desarrollo de los titulos de pagina.
repetidas veces, la creacion de objetos puede causar problemas de rendimiento. Si usted debe crear varios objetos identicos, considere la posibilidad de crear el objeto una vez, guardarlo en una variable, y la referencia a la variable.
la Colocacion de un codigo JavaScript en un archivo separado y se hace referencia al archivo desde el interior de codigo de HTML que permite a los desarrolladores utilizar un solo archivo de codigo en varias paginas. Ademas, esta tecnica permite que varios desarrolladores utilizar el mismo archivo de codigo y promueve la encapsulacion.

Cambiar los titulos de las paginas de forma dinamica mediante un script del lado del cliente no va a alterar la pagina de resultados de motores de busqueda. Los motores de busqueda utilizan el titulo que se han codificado como parte de la pagina, y no son conscientes de la dinamica de titulo de los cambios realizados despues de que se carga la pagina.