“Conocimientos Programación>JavaScript Programación

Cómo utilizar JavaScript para actualizar un Título

2011/5/1
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 es basado en objetos , que tiene una variedad de objetos incorporada en que se pueden utilizar para añadir contenido dinámico a páginas Web . Uno de estos objetos, el objeto de documento , podrá acceder a todos los elementos de 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 , como enlaces y anclajes , así como los atributos tales como el color de fondo y el título de la página . Cosas que necesitará
texto editor
navegador con javascript activado
Ver Más instrucciones
1

abrir un editor de texto y crear un nuevo archivo llamado updateTitle.html . Agregue un poco de etiquetas HTML para updateTitle.html , asegurándose de incluir una y updateTitle.html .
2

Add a tag a la sección head HTML. El texto del título debe decir " Título de la página antes ": TITLE <p> <html> <br> <p> <head> <br> <p> <title> de página antes < /title> <br> <p> < /head> <br> <p> <body> < /body> <br> <p> < /html> <br> 3 <p> Tipo un JavaScript abierta etiqueta script y colocarlo dentro de la etiqueta head HTML. Establecer el valor de tipo de la etiqueta <script> en text /javascript y cerrar el tag: TITLE <p> <html> <br> <p> <head> <br> <p> <title> de página Antes de < /title > <br> <p> < guión Página 4 <p> Agregar una función JavaScript en la sección <script> del archivo. Nombre del ChangeTitle function () : TITLE <p> <html> <br> <p> <head> <br> <p> <title> de página antes < /title> <br> < p > <script type="text/javascript"> <br> función <p> Página 5 <p> Añadir código JavaScript a la función ChangeTitle () que actualiza el título del documento mediante la propiedad document.title . Cambie el título con el título de la página después de: TITLE <p> <html> <br> <p> <head> <br> <p> <title> de página antes < /title> <br> < p> <script type="text/javascript"> <br> <p> ChangeTitle function () { <br> <p> <br> <p> document.title Title = " de la página Página 6 <p> Añadir un <p> dentro de la etiqueta HTML <body> Introduzca el texto que muestra el mensaje de cambio de Título con JavaScript Cierre la < /p > tag: . . <br> <p> < ; título html> <br> <p> <head> <br> <p> <title> de página antes < /title > <br> <p> <script type="text/javascript"> <br> <p> ChangeTitle function () { <br> <p> <br> <p> document.title = " Título de la página después " ; <br> <p> <br> <p> } < /script> <br> <p> < /head> <br> <p> <body> <br> <p> Cambiar título con JavaScript < /p > <br> <p> < /body> <br> <p> < /html> <br> 7 <p> Add a tag <button> al <body> . Añadir un evento para el botón onclick () y ponga el onclick ( . ) la acción de llamar al ChangeTitle ( ) de JavaScript Introduce el texto Haga clic para cambiar título después de la etiqueta <button> abrir y cerrar el tag: <br> <p> <html> <br> <p> <head> ; TITLE <p> <title> de página antes < /title > <br> <p> <script type="text/javascript"> <br> <p> ChangeTitle function () <br> <p> { <br> <p> document.title = " Título de la página después " ; <br> <p> <br> <p> } < /script > <br> <p> < /head> <br> <p> <body> <br> <p> Cambiar título con JavaScript < /p > <br> <p> <button onclick="changeTitle()"> clic para cambiar Título < /button> <br> <p> < /body> <br> <p> < /html > <br> <p> Guarde y cierre updateTitle.html . <br> 8 <p> updateTitle abierto . HTML en un navegador web. Haz clic en el botón " Haga clic para cambiar título " para cambiar el título updateTitle.html ' s del Título de página antes del título de página después . <br> <br> <div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div> </div> <div class=contentpage> <div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-comprobar-si-una-propiedad-de-objeto-existe-en-JavaScript-.html' >Cómo comprobar si una propiedad de objeto existe en JavaScript </a> </div> <div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-desplazarse-a-través-de-mensajes-en-la-barra-de-estado-.html' >Cómo desplazarse a través de mensajes en la barra de estado </a> </div> </div> <dl class=xgc> <dt><span>JavaScript Programación</span></dt> <dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-activar-el-JavaScript-en-el-Inspiron-1501-Dell-.html">Cómo activar el JavaScript en el Inspiron 1501 Dell </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Adición-Javascript-dinámicamente-con-DOM-Scripting-.html">Adición Javascript dinámicamente con DOM Scripting </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Definición-de-variable-existe-en-JavaScript-.html">Definición de variable existe en JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-editar-secuencias-y-de-subcadenas-de-JavaScript-.html">Cómo editar secuencias y de subcadenas de JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-poner-un-Facebook-Connect-en-el-pie-de-página-Uso-de-JavaScript-.html">Cómo poner un Facebook Connect en el pie de página Uso de JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-una-acción-de-formulario-en-Javascript-.html">Cómo cambiar una acción de formulario en Javascript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-comprobar-Droppables-MooTools-contra-Performance-.html">Cómo comprobar Droppables MooTools contra Performance </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-dividir-un-URL-largas-en-2-.html">Cómo dividir un URL largas en 2 </a></dd> </dl> </div> <!--right--> <div class=rightmain> <div class=esrightlist> <div class=e1>Los últimos artículos de equipo</div> <ul> <li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-convertir-texto-a-números-enteros-en-JavaScript-.html" >Cómo convertir texto a números enteros en JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-JavaScript-para-actualizar-un-Título-.html" >Cómo utilizar JavaScript para actualizar un Título </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-Iniciar-una-matriz-de-JavaScript-.html" >Cómo Iniciar una matriz de JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-acceder-al-acelerómetro-Via-Javascript-en-Android-.html" >Cómo acceder al acelerómetro Via Javascript en Android </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-reemplazar-una-cadena-de-JavaScript-.html" >Cómo reemplazar una cadena de JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-que-todos-los-botones-de-radio-Falso-en-JavaScript-.html" >Cómo hacer que todos los botones de radio Falso en JavaScript </a> </li> </ul> </div> <div class=esrightlist> <div class=e1>Artículos de la popular computadora</div> <ul> <li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-eliminar-una-barra-de-direcciones-en-HTML-.html" >Cómo eliminar una barra de direcciones en HTML </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-el-campo-de-la-forma-valor-con-JavaScript-.html" >Cómo cambiar el campo de la forma valor con JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-comprobar-para-VAR-vacío-en-Javascript-.html" >Cómo comprobar para VAR vacío en Javascript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/¿Cómo-hacer-de-desplazamiento-acumulado-Offset-en-jQuery-.html" >¿Cómo hacer de desplazamiento acumulado Offset en jQuery </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-onSubmit-.html" >Cómo cambiar onSubmit </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-Javascript-contraseña-en-una-computadora-IBM-Aptiva-.html" >Cómo cambiar Javascript contraseña en una computadora IBM Aptiva </a></li> </ul> </div> <div class="esrightad"> <script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script> </div> <div class=esrightlist> <div class=e1>Más categorías</div> <ul> <li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li> <li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li> <li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li> </ul> </div> </div> <!--right end--> <div class="cl"></div> </div> <div class=esfoot> <div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div> </div> </body> </html>