状态栏的操作

easy · 发表于 2013-4-23 16:09:59

IE10 默认不显示状态栏，打开的方法是在浏览器的顶端右击弹出菜单，选择“状态栏”即可显示出来。

在大多数的情况下，只要文档加载完毕，状态栏上就会显示“完成”字样（也可以不显示任何信息），这种信息状态是状态栏的默认信息。

在加载网页，下载图片，或将鼠标放在链接上时，状态栏才会显示一些与加载网页，下载图片或超级 URL 的信息，这些信息是状态栏的瞬态信息。一旦网页加载完毕，图片下载完成，或鼠标离开超链接时，瞬间信息会消失，取而代之的是默认信息。

设置状态栏默认信息使用 Window 对象中的 defaultStatus 属性，比较下面代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 状态栏默认信息 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" language="javascript">

</script>
</head>
<body>

设置状态栏的默认信息使用 window.defaultStatus .

</body>
</html>

瞬间信息的设置
瞬间信息使用 status 属性进行设置。通常会将瞬间信息和 mouseover 事件结合使用，比较下面代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 状态栏瞬间信息 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" language="javascript">

</script>
</head>
<body>

  <a href="http://www.baidu.com" onmouseover="return setStatus('hello')"> Exp-1 </a><br>
  <a href="http://www.google.com.hk" onmouseover="return setStatus('world')"> Exp-2 </a><br>

</body>
</html>

上面的代码，经过测试，IE6，IE7 是有效的，IE10 里这个 window.status 已经没用了，不明白是啥原因。

		自动登录	找回密码
密码			立即注册