当前页面位置: » 丰搜网 » 文档中心 » 详细内容
怎样在web开发中完美控制ie标题栏
ie以及任何目前浏览器的标题栏，原本都应该是由<title>这个html标签来控制的，当然现在仍然也是。只是目前的鬼趋势是，你最好不要再刷新你的网页页面了，然后还需要接受用户的任意蹂躏。这也就是传说中神龙见首不见尾，杀人于无影无形的悖时ajax技术！
在浏览器的标题栏中显示贴切的页面标题，是一个网页专业的表现，同时也能对搜索引擎友好。当然如果放上适当的提示信息，也会很有意义。那么怎么"动态"的来定制这个标题内容呢？
我们知道使用asp动态修改浏览器title，大概是这样的语句：
<title><% = generatetitle %></title>
而在asp.net 1.1中，除了仍可以使用上面的方法外，我们多了一个看起来"很美"的方法：
in aspx page:
<title id="clttitle" runat="server"></title>
in cs file:
protected htmlgeneralcontrol clttitle;
. . .
clttitle.innerhtml = "birdshome's homepage";
今天到了asp.net 2.0时代，除了上面的两种方法，我们还可以更容易的修改<title>内容：
page.title = "birdshome's homepage";
不过上面的"动态"都是在服务器端修改<title>的内容，实际上对于浏览器来说<title>标签内的内容是完全固定的了。下面言归正传，仔细来说说在客户端对ie浏览器标题栏的控制：
对于ie窗口中的页面，在页面dom对象中，document.title属性是用来代替<title>元素的innerhtml获取和设置ie窗口标题栏内容的。请看下面这个示例：
<html>
<body>
<!-- page content -->
<script language="javascript">
document.body.onload = function()
{
document.title = "birdshome's homepage"；
};
</script>
</body>
</html>
对，就是这么简单就可以设置好普通ie窗口的标题栏。那么这有什么好说的呢？这时候如果我们把完全相同的代码放入模态窗口中执行呢？模态窗口的标题栏是否会被修改？试验结果却是让人沮丧的，完全相同的这段代码，在模态窗口中就失灵了。难道模态窗口提供的dom和普通窗口不同吗？其实模态窗口的dom和普通窗口是相同的，而不同之处是当模态窗口中的页面装载完成后，document.title属性确实会失效。这就是为什么在上面的示例代码onload事件中的语句无效的原因。解决这个限制的方法很简单，就是要在页面还未装载完成时就修改document.title，所以在模态窗口中修改ie标题栏就因该使用这样的代码：
<html>
<body>
<!-- page content -->
<script language="javascript">
document.title = "birdshome's homepage"；
</script>
</body>
</html>
下面是一个包含了以上两种修改浏览器标题栏方法的示例，将其保存为"abc.htm"文件，使用ie打开你就能很直观看到区别：
<html>
<body>
<button onclick="foo()">
open</button>
