“Conocimiento Programación>JavaScript Programación

Cómo utilizar JavaScript para actualizar un Título

2012/12/18
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/91068.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/91070.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/90994.html">Cómo incluir JS externo de JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90750.html">Alternativas a los botones de opción en JQuery </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91204.html">Cómo instalar el Java Script en un PC </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91110.html">Cómo utilizar el método POST en Window.Open con Java Script </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/273088.html">Cómo deshabilitar JavaScript en DuckDuckGo </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91197.html">Javascript Timer Tutorial </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91122.html">Cómo comprobar si el navegador tiene el foco en JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90776.html">¿Por qué mi Javascript Mostrar Void </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/91227.html" >Cómo comprobar un sitio web para un Bug JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91223.html" >Cómo cambiar el tamaño de fuente en Java Script </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90778.html" >¿Qué dice la ' A ' Symbol media en Javascript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90956.html" >Cómo devolver Funciones adicionales para múltiples números de JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91186.html" >Cómo activar el cuadro Escriba Tutorial Escriba Javascript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90885.html" >Cómo hacer un applet en NetBeans </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/91282.html" >Cómo manejar los navegadores antiguos con javascript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90935.html" >Cómo cambiar un PHP a un JS </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91009.html" >Cómo visualizar las Horas y Minutos en dos campos con Javascript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90964.html" >Efectos 3 -D con JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90960.html" >Las propiedades de iFrame en Java </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91260.html" >Historia de Javascript </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>Conocimiento de la computadora © http://www.ordenador.online</div> </div> </body> </html>