简介：IE以及任何目前浏览器的标题栏，原本都应该是由这个HTML标签来控制的，当然现在仍然也是。只是目前的鬼趋势是，你最好不要再刷新你的网页页面了，然后还需要接受用户的任意蹂躏。这也就是传说中神龙见首不见尾，...
IE以及任何目前浏览器的标题栏，原本都应该是由
这个HTML标签来控制的，当然现在仍然也是。只是目前的鬼趋势是，你最好不要再刷新你的网页页面了，然后还需要接受用户的任意蹂躏。这也就是传说中神龙见首不见尾，杀人于无影无形的悖时Ajax技术！</p>
<p>在浏览器的标题栏中显示贴切的页面标题，是一个网页专业的表现，同时也能对搜索引擎友好。当然如果放上适当的提示信息，也会很有意义。那么怎么"动态"的来定制这个标题内容呢？</p>
<p>我们知道使用ASP动态修改浏览器title，大概是这样的语句：</p>
<p><title><% = GenerateTitle %>
而在ASP.NET 1.1中，除了仍可以使用上面的方法外，我们多了一个看起来"很美"的方法：
In ASPx page:
In CS file:
protected HTMLGeneralControl cltTitle;
. . .
cltTitle.innerHTML = "birdshome's homepage";
今天到了ASP.NET 2.0时代，除了上面的两种方法，我们还可以更容易的修改
内容：</p>
<p>Page.Title = "birdshome's homepage";</p>
<p>不过上面的"动态"都是在服务器端修改<title>的内容，实际上对于浏览器来说<title>标签内的内容是完全固定的了。下面言归正传，仔细来说说在客户端对IE浏览器标题栏的控制：</p>
<p>对于IE窗口中的页面，在页面DOM对象中，document.title属性是用来代替<title>元素的innerHTML获取和设置IE窗口标题栏内容的。请看下面这个示例：</p>
<p><html></p>
<p><body></p>
<p><!-- page content --></p>
<p><script language="javascript"></p>
<p>document.body.onload = function()</p>
<p>{</p>
<p>document.title = "birdshome's homepage"；</p>
<p>};</p>
<p></script></p>
<p></body></p>
<p></html></p>
<p>对，就是这么简单就可以设置好普通IE窗口的标题栏。那么这有什么好说的呢？这时候如果我们把完全相同的代码放入模态窗口中执行呢？模态窗口的标题栏是否会被修改？试验结果却是让人沮丧的，完全相同的这段代码，在模态窗口中就失灵了。难道模态窗口提供的DOM和普通窗口不同吗？其实模态窗口的DOM和普通窗口是相同的，而不同之处是当模态窗口中的页面装载完成后，document.title属性确实会失效。这就是为什么在上面的示例代码onload事件中的语句无效的原因。解决这个限制的方法很简单，就是要在页面还未装载完成时就修改document.title，所以在模态窗口中修改IE标题栏就因该使用这样的代码：</p>
<p><html></p>
<p><body></p>
<p><!-- page content --></p>
<p><script language="javascript"></p>
<p>document.title = "birdshome's homepage"；</p>
<p></script></p>
<p></body></p>
<p></html></p>
<p>下面是一个包含了以上两种修改浏览器标题栏方法的示例，将其保存为"abc.htm"文件，使用IE打开你就能很直观看到区别：</p>
<p><html></p>
<p><body></p>
<p><button onclick="foo()"></p>
<p>Open</button></p>
<p>做人要厚道，请注明转自酷网动力(www.ASPCOOL.COM)。</p>
</div>
</div>
<script type="text/javascript">
function ImgZoom(Id)//重新设置图片大小 防止撑破表格
{
var w = $(Id).width;
var m = 550;
if(w < m)
{
return;
}
else
{
var h = $(Id).height;
$(Id).height = parseInt(h*m/w);
$(Id).width = m;
}
}
window.onload = function()
{
var Imgs = $("content").getElementsByTagName("img");
var i=0;
for(;i<Imgs.length;i++)
{
ImgZoom(Imgs[i]);
}
}
</script>
<!--自定义字段-->
<table width="100%" align="center" cellspacing="1" cellpadding="5" bgcolor="#cccccc">
</table>
<!--自定义字段-->
<div class="content_left_1">
<!--分页-->
<div class="td_center"></div>
<div class="content_h3">责任编辑：<a href="/member/member.php?username=admin" class="member_url">admin</a></div>
<div class="mar_10"><span class="font_1">本文引用地址：</span> <span class="border_2"><a href="http://www.3pcode.com/net/2007/10/91074.htm">http://www.3pcode.com/net/2007/10/91074.htm</a></span> </div>
<!--上下文-->
<div class="border_1" id="pre_and_next"></div> </div>
<div id="par" class="iconbox">
<form action="/mail/sendmail.php" name="sendmail" id="sendmail">
<input type="hidden" name="title" value="推荐《怎样在Web开发中完美控制IE标题栏(1)》" />
<input type="hidden" name="content" value="<a href=http://www.3pcode.com/net/2007/10/91074.htm target=_blank>怎样在Web开发中完美控制IE标题栏(1)<br/>http://www.3pcode.com/net/2007/10/91074.htm</a>" />
</form>
<a href="#comment" class="comment_icon">发表评论</a> <a href="javascript:window.external.addFavorite(window.location,'怎样在Web开发中完美控制IE标题栏(1)')" class="favorites_icon">加入收藏</a> <a href="javascript:$('sendmail').submit();" class="friend_icon">告诉好友</a> <a href="javascript:window.print();" class="print_icon">打印本页</a> <a href="javascript:window.close()" class="close_icon">关闭窗口</a> <a href="#top" class="top_icon">返回顶部</a>
</div>
<!--相关文章列表-->
<div class="cat_title">
<div class="cat_name">相关文章</div>
<div class="cat_url"><a href="#" class="more"></a></div></div>
<div>
<ul class="ListTitle"><li>
<a href="/net/2007/10/91075.htm" class="tag_title_link">怎样在Web开发中完美控制IE标题栏(2)</a>
</li>
<li>
<a href="/net/2007/09/90959.htm" class="tag_title_link">借用VB的My，C#照样条条大路通罗马</a>
</li>
<li>
<a href="/net/2007/09/90755.htm" class="tag_title_link">怎样从ASP.NET 2.0中读取连接字符串的设置</a>
</li>
<li>
<a href="/net/2007/09/90720.htm" class="tag_title_link">怎样从ASP.NET 2.0中读取连接字符串的设置</a>
</li>
<li>
<a href="/net/2007/09/90428.htm" class="tag_title_link">危险字符过滤的类（完美版）[2]</a>
</li>
<li>
<a href="/net/2007/08/89494.htm" class="tag_title_link">IssuVision是怎样完成观察器模式的注册和通知的</a>
</li>
<li>
<a href="/net/2007/08/89120.htm" class="tag_title_link">“IIS配置401错误”完美解决方案</a>
</li>
<li>
<a href="/net/2007/07/88910.htm" class="tag_title_link">VC、IE、ASP环境下打印、预览的完美解决方案</a>
</li>
<li>
<a href="/net/2007/07/88552.htm" class="tag_title_link">怎样通过Visual C#.net创建一个DTS任务</a>
</li>
<li>
<a href="/net/2007/07/88202.htm" class="tag_title_link">怎样使用DataGrid控件</a>
</li>
</ul>
</div>
<script type="text/javascript" src="/comment/list_js.php?keyid=8&itemid=91074&commentnum=10&ordertype=1&title=%D4%F5%D1%F9%D4%DAWeb%BF%AA%B7%A2%D6%D0%CD%EA%C3%C0%BF%D8%D6%C6IE%B1%EA%CC%E2%C0%B8%281%29"></script>
</div>
<div class="content_right">
<div class="div_border_2">
<div class="rightcats"><h1>最新文章</h1><h2><a href="#" class="more">更多</a></h2></div>
<div>
<ul class="ListTitle"><li> <a href="/net/2007/10/91769.htm" title="ASP.NET入门随想之吸星大法" target="_blank" class="tag_title_link">ASP.NET入门随想之吸星大法</a>
</li>
<li> <a href="/net/2007/10/91768.htm" title="ASP.NET 2.0中使用webpart系列控件" target="_blank" class="tag_title_link">ASP.NET 2.0中使用webpa...</a>
</li>
<li> <a href="/net/2007/10/91767.htm" title="使用ASP.NET服务器控件" target="_blank" class="tag_title_link">使用ASP.NET服务器控件</a>
</li>
<li> <a href="/net/2007/10/91766.htm" title="使用ASP.NET服务器控件(3)" target="_blank" class="tag_title_link">使用ASP.NET服务器控件(3)</a>
</li>
<li> <a href="/net/2007/10/91765.htm" title="使用ASP.NET服务器控件(5)" target="_blank" class="tag_title_link">使用ASP.NET服务器控件(5)</a>
</li>
<li> <a href="/net/2007/10/91764.htm" title="ASP.NET的工作原理(2)" target="_blank" class="tag_title_link">ASP.NET的工作原理(2)</a>
</li>
<li> <a href="/net/2007/10/91763.htm" title="ASP.NET应用示例(2)" target="_blank" class="tag_title_link">ASP.NET应用示例(2)</a>
</li>
<li> <a href="/net/2007/10/91762.htm" title="ASP.NET入门随想之工业流水线" target="_blank" class="tag_title_link">ASP.NET入门随想之工业流...</a>
</li>
<li> <a href="/net/2007/10/91761.htm" title="ASP.NET 翻页后继续维持排序" target="_blank" class="tag_title_link">ASP.NET 翻页后继续维持排序</a>
</li>
<li> <a href="/net/2007/10/91760.htm" title="Cutting Edge:使用客户端行为扩展ASP.NET DataGrid 控件" target="_blank" class="tag_title_link">Cutting Edge:使用客户端...</a>
</li>
</ul>
</div>
<div class="rightcats"><h1>推荐文章</h1><h2><a href="/net/search.php?catid=15&posid=1&search=1" class="more">更多</a></h2></div>
<div>
<ul class="ListTitle"><li> <a href="/net/2007/10/91769.htm" title="ASP.NET入门随想之吸星大法" target="_blank" class="tag_title_link">ASP.NET入门随想之吸星大法</a>
</li>
<li> <a href="/net/2007/10/91768.htm" title="ASP.NET 2.0中使用webpart系列控件" target="_blank" class="tag_title_link">ASP.NET 2.0中使用webpa...</a>
</li>
<li> <a href="/net/2007/10/91767.htm" title="使用ASP.NET服务器控件" target="_blank" class="tag_title_link">使用ASP.NET服务器控件</a>
</li>
<li> <a href="/net/2007/10/91766.htm" title="使用ASP.NET服务器控件(3)" target="_blank" class="tag_title_link">使用ASP.NET服务器控件(3)</a>
</li>
<li> <a href="/net/2007/10/91765.htm" title="使用ASP.NET服务器控件(5)" target="_blank" class="tag_title_link">使用ASP.NET服务器控件(5)</a>
</li>
<li> <a href="/net/2007/10/91764.htm" title="ASP.NET的工作原理(2)" target="_blank" class="tag_title_link">ASP.NET的工作原理(2)</a>
</li>
<li> <a href="/net/2007/10/91763.htm" title="ASP.NET应用示例(2)" target="_blank" class="tag_title_link">ASP.NET应用示例(2)</a>
</li>
<li> <a href="/net/2007/10/91762.htm" title="ASP.NET入门随想之工业流水线" target="_blank" class="tag_title_link">ASP.NET入门随想之工业流...</a>
</li>
<li> <a href="/net/2007/10/91761.htm" title="ASP.NET 翻页后继续维持排序" target="_blank" class="tag_title_link">ASP.NET 翻页后继续维持排序</a>
</li>
<li> <a href="/net/2007/10/91760.htm" title="Cutting Edge:使用客户端行为扩展ASP.NET DataGrid 控件" target="_blank" class="tag_title_link">Cutting Edge:使用客户端...</a>
</li>
</ul>
</div>
<div class="rightcats"><h1>热点文章</h1><h2><a href="/net/search.php?catid=15&ordertype=3&search=1" class="more">更多</a></h2></div>
<div>
<ul class="ListTitle">
</ul>
</div>
</div>
</div>
<script type="text/javascript" src="/net/show_js.php?itemid=91074"></script>
</div>
<div id="footer_new">
<a href="/link/" target="_blank">友情链接</a>
| <a href="http://www.3pcode.com/page/joinus.html" target="_blank">诚聘英才</a>
| <a href="http://www.3pcode.com/page/aboutus.html" target="_blank">关于我们</a>
| <a href="http://www.3pcode.com/page/announce.html" target="_blank">版权声明</a>
| <a href="http://www.3pcode.com/page/contactus.html" target="_blank">联系我们</a>
| <a href="http://www.3pcode.com/page/ads.html" target="_blank">广告服务</a>
<Br>
3P代码网
<script type="text/javascript" src="/stat/stat.php"></script>
<a href="http://www.miibeian.gov.cn/" target="_blank">粤ICP备05068581号</a>
</div>
<script type="text/javascript" src="/include/js/Std_StranJF.Js"></script>
<script language='javascript' src='http://utk.baidu.com/usv/uc.sv?pe=lnhwgEc94Un79yiaAyxmQacVzSA=&sn=3164&an=69358&rn=829'></script>
</body>
</html> 
