05-12-2015, 07:12 PM
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
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
Gracias por comentar!
Muchas Gracias por tu buen comentario.
R o b e r t o
...con la vara que mides, serás medido!