分享
 
 
 

怎样在Web开发中完美控制IE标题栏

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

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>

<script language="javascript">

document.body.onload = function()

{

document.title = "birdshome's homepage (rewrite)" + unescape(H_A0);

};

document.title = "birdshome's homepage (first)" + unescape(H_A0);

function foo()

{

window.showModalDialog("abc.htm");

}

</script>

</body>

</html>

结果是普通IE窗口的标题栏会从"birdshome's homepage (first)"快速的变为"birdshome's homepage (rewrite)",而使用Open按钮开启的模态对话框的标题将一直是"birdshome's homepage (first)"。从这个示例中我们可以看出来,对于普通IE窗口,其标题栏是可以在页面生存期的任意时刻进行修改的。而模态窗口的标题栏,我们只能在其页面装载完成前(onload事件触发前)才能修改。非模态对话框,opend by showModelessDialog,对于标题栏的处理和模态对话框完全一样。

最后再说一个document.title使用中的技巧,我们知道如果在服务器端"动态"修改页面title时,我们可以向<title></title>标签间写入&nbps;来在标题栏上产生连续的空格输入效果。这个技巧在模态窗口中尤为有用,这样一来我们就可以把那讨厌的" - Web Page Dialog"字样用连续空格推到标题栏外去。使用document.title属性来修改页面标题栏后,不管是普通窗口还是模态窗口,"&nbsp;"和" "(空格)都不能用了,前者会被直接当字符串显示在标题栏上,后者添加再多也只有一个" "(空格)的宽度效果。这里我们又要使用另一个空格,实体&#160;来解决这个问题。代码如下:

<html>

<body>

<script language="javascript">

var HexA0s = "%A0 %A0 %A0 %A0";

document.body.onload = function()

{

document.title = "birdshome's homepage (rewrite)" + unescape(HexA0s);

};

</script>

</body>

</html>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有