La barra de título de IE y de cualquier navegador actual debería estar controlada originalmente por la etiqueta HTML <title> y, por supuesto, todavía lo está. Es sólo que la tendencia fantasma actual es que será mejor que no actualices más tu página web, y luego tendrás que aceptar cualquier ataque de los usuarios. ¡Esta es la legendaria y paradójica tecnología Ajax que mata personas sin dejar rastro!
Mostrar un título de página apropiado en la barra de título del navegador es una expresión profesional de una página web y también es amigable para los motores de búsqueda. Por supuesto, también sería muy significativo si se incluyera la información oportuna adecuada. Entonces, ¿cómo personalizar "dinámicamente" el contenido del título?
Sabemos que podemos usar ASP para modificar dinámicamente el título del navegador, que probablemente sea una declaración como esta:
<title><% = GenerateTitle %></title>
En ASP.NET 1.1, además de seguir usando el método anterior, tenemos una forma más "hermosa" de verse:
en la página aspx:
<title id="cltTitle" runat="servidor"></title>
En el archivo CS:
protegido HtmlGeneralControl cltTitle;
.
cltTitle.innerHtml = "página de inicio de birdshome";
Hoy estamos en la era ASP.NET 2.0. Además de los dos métodos anteriores, también podemos modificar el contenido de <title> más fácilmente:
Page.Title = "páginade
inicio de birdshome";
Lo anterior "dinámico" El contenido de <title> se modifica en el lado del servidor. De hecho, para el navegador, el contenido dentro de la etiqueta <title> está completamente arreglado. Volvamos al punto y hablemos en detalle sobre el control de la barra de título del navegador IE en el cliente:
para las páginas en la ventana de IE, en el objeto DOM de la página, el atributo document.title se usa para reemplazar el HTML interno del Elemento <title> para obtener y configurar IE El contenido de la barra de título de la ventana. Considere el siguiente ejemplo:
<html>
<cuerpo>
<!-- contenido de la página -->
<lenguaje de escritura="javascript">
documento.body.onload = función()
{
document.title = "página de inicio de birdshome";
};
</script>
</cuerpo>
</html>
Sí, es así de sencillo configurar la barra de título de una ventana normal de IE. Entonces, ¿qué hay que decir? En este momento, ¿qué pasa si ponemos exactamente el mismo código en la ventana modal para su ejecución? ¿Se modificará la barra de título de la ventana modal? Los resultados del experimento fueron frustrantes. Exactamente el mismo código falló en la ventana modal. ¿El DOM proporcionado por la ventana modal es diferente del de la ventana normal? De hecho, el DOM de la ventana modal es el mismo que el de la ventana normal, pero la diferencia es que después de cargar la página en la ventana modal, el atributo document.title dejará de ser válido. Es por eso que la declaración en el evento onload del código de ejemplo anterior no tiene ningún efecto. La forma de solucionar esta limitación es muy sencilla, es modificar el document.title antes de cargar la página. Por lo tanto, para modificar la barra de título de IE en la ventana modal, debes usar este código:
<html>.
<cuerpo>
<!-- contenido de la página -->
<lenguaje de escritura="javascript">
document.title = "página de inicio de birdshome";
</script>
</cuerpo>
</html>
El siguiente es un ejemplo que incluye los dos métodos anteriores para modificar la barra de título del navegador. Guárdelo como un archivo "abc.htm". Ábralo con IE y podrá ver la diferencia de manera intuitiva:
<html>.
<cuerpo>
<botón al hacer clic="foo()">
Abrir</botón>
<lenguaje de escritura="javascript">
documento.body.onload = función()
{
document.title = "página de inicio de birdshome (reescritura)" + unescape(H_A0);
};
document.title = "página de inicio de birdshome (primera)" + unescape(H_A0
función foo())
;
{
ventana.showModalDialog("abc.htm");
}
</script>
</cuerpo>
</html>
El resultado es que la barra de título de la ventana normal de IE cambiará rápidamente de "página de inicio de Birdshome (primera)" a "página de inicio de Birdshome (reescritura)", mientras que el título del cuadro de diálogo modal se abre usando el botón Abrir. siempre será "la página de inicio de birdshome (primera)". En este ejemplo podemos ver que para una ventana normal de IE, su barra de título se puede modificar en cualquier momento durante la vida útil de la página. En cuanto a la barra de título de la ventana modal, solo podemos modificarla antes de que se cargue la página (antes de que se active el evento de carga). El cuadro de diálogo no modal, abierto por showModelessDialog, maneja la barra de título exactamente igual que el cuadro de diálogo modal.
Finalmente, hablemos de una técnica para usar document.title. Sabemos que si el título de la página se modifica "dinámicamente" en el lado del servidor, podemos escribir &nbps entre las etiquetas <title></title> para generar espacios continuos. la barra de título. Introduzca el efecto. Esta técnica es especialmente útil en ventanas modales, para que podamos sacar ese molesto texto "-Diálogo de página web" de la barra de título con espacios continuos. Después de usar el atributo document.title para modificar la barra de título de la página, ya sea una ventana normal o una ventana modal, " " y " " (espacio) no se pueden usar. El primero se mostrará directamente en la barra de título. una cadena, y este último No importa cuánto agregue, solo tendrá el efecto de ancho de un " " (espacio). Aquí tenemos que usar otro espacio, entidad , para resolver este problema. El código es el siguiente:
<html>
<cuerpo>
<lenguaje de escritura="javascript">
var HexA0s = "%A0 %A0 %A0 %A0";
documento.body.onload = función()
{
document.title = "página de inicio de birdshome (reescritura)" + unescape(HexA0s);
};
</script>
</cuerpo>
</html>
http://birdshome.cnblogs.com/archive/2006/06/23/control_browser_title.html