第4讲：状态栏与标题栏的属性
4.1 window.status属性
window.status属性的语法为：window.status=string ;其应用示例如下：
〔示例一〕
<html><head><title>Welcome to hfcec...</title>
<script language="javascript">
<!--
function hfcec()
{
window.status="欢迎光临合肥连邦电脑教育培训中心网站！";
}
//-->
</script>
</head>
<body onload="hfcec()">
</body>
图4-1 修改浏览器状态栏的默认信息
4.2 修改超级链接在状态栏的显示信息
链接源在状态栏的显示信息，其默认状态是链接源的目标地址，若需修改链接源在状态栏的显示信息，需要用到相应的鼠标事件，具体示例如下：
〔示例二〕
<html>
<head>
<title>Welcome to hfcec...</title>
<script language="javascript">
<!--
//设置浏览器状态栏的默认信息
window.status="Welcome to hfcec...";
//定义控制链接源在浏览器状态栏显示信息的函数
function showstatus(num)
{
//定义数组对象
link_info=new Array();
//为数组元素赋值
link_info[0]="永远的玫瑰";
link_info[1]="在青春的激情中忘我狂奔";
link_info[2]="我想我可以忍住悲伤";
link_info[3]="年轻的代价";
link_info[4]="当爱情泛滥时，我们该如何面对";
//分别将数组元素动态赋给浏览器的状态栏
window.status=link_info[num-1];
}
//-->
</script>
</head>
<body>
<a href="#" title="永远的玫瑰" onmouseover="showstatus(1);return true" onmouseout="showstatus(1);return true">永远的玫瑰</a>
<p>
<a href="#" title="在青春的激情中忘我狂奔" onmouseover="showstatus(2);return true" onmouseout="showstatus(2);return true">在
青春的激情中忘我狂奔</a>
<p>
<a href="#" title="我想我可以忍住悲伤" onmouseover="showstatus(3);return true" onmouseout="showstatus(3);return true">我想我
可以忍住悲伤</a>
<p>
<a href="#" title="年轻的代价" onmouseover="showstatus(4);return true" onmouseout="showstatus(4);return true">年轻的代价</a>
<p>
<a href="#" title="当爱情泛滥时，我们该如何面对" onmouseover="showstatus(5);return true" onmouseout="showstatus(5);return
true">当爱情泛滥时，我们该如何面对</a>
</body>
</html>
图4-2 修改链接源在状态栏的显示信息
4.3 在浏览器状态栏中创建闪烁文本
〔示例三〕
<html>
<head>
<title>Welcome to hfcec...</title>
<script language="javascript">
<!--
var message="在状态栏中闪烁显示的文本";
//定义变量，其目的是设定message闪烁的频率，其数值越大，闪烁得越慢
var speed=100;
var control=1;
function shanshuo()
{
if (control==1)
{
window.status=message;
control=0;
}
else
{
window.status="";
control=1;
}
setTimeout("shanshuo()",speed);
}
//-->
</script>
</head>
<body onload="shanshuo()">
</body>
</html>
标题栏的动态效果
〔示例四〕
<html>
<head>
<title>Welcome to hfcec...</title>
</head>
<body onload="startgo()">
<script language="javascript">
<!--
var speed=300;
var control=1;
function startgo()
{
if (control==1)
{
document.title="□■□■□■□■□■□■□■□■";
control=0;
}
else
{
document.title="■□■□■□■□■□■□■□■□";
control=1;
}
setTimeout("startgo()",speed);
}
//-->
</script>
</body>
</html>
