曲径通幽论坛

标题: 状态栏的操作 [打印本页]
作者: easy    时间: 2013-4-23 16:09
标题: 状态栏的操作
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">
<!--
    var name = prompt("Input your name:", "easy");

    if (name == null || name == "") {
        window.defaultStatus = "Welcome to www.groad.net";
    }
    else {
        window.defaultStatus = name + ", welcome to www.groad.net";
    }
    //读取状态栏默认信息
    document.write("状态栏中的信息为：", window.defaultStatus,"<br>");
-->
</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">
<!--
    window.defaultStatus = "welcome";

    function setStatus(message) {
        window.status = "hello";
        return true;
    }
-->
</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 已经没用了，不明白是啥原因。



欢迎光临 曲径通幽论坛 (http://www.groad.net/bbs/) Powered by Discuz! X3.2