首页 > 建站教程 > JS、jQ、TS >  js window.status状态栏属性详解正文

js window.status状态栏属性详解

浏览器状态栏 windows.status
浏览器状态栏 windows.status
　　当鼠标指向一个链接时，浏览器窗口底部的状态栏通常显示该链接的URL。在文档载入期间，Java applet进行初始化或者其他可能的时候，有些消息会显示在这个位置上。然而，可以用JavaScript在状态栏显示自己的信息，有时这对用户是有益的，比如，可以用一个友好简单的页面描述来代替URL链接。

　　任何时候都可以把其他文本赋给window.status属性。当光标位于链接上时，为了改变链接的状态栏文本，应该使用link对象的onMouseOver事件处理触发一个动作。设置状态栏的onMouseOver事件处理要求—个附加语句( return true )，它必须是事件处理程序的一部分。这在JavaScript中非常少见，但是只有这样才能保证替换状态栏的内容。

　　由于设置window.status属性很简单，通常脚本语句作为事件处理定义中的内嵌脚本来运行。这对于短的脚本来说非常方便，因为不必说明—个单独的函数或在页面上加入<script>标记，仅仅需要把脚本语句加入<a>标记中： 
<a href="http://www.5imoban.et" onMouseOver="window.status='点击链接进入我爱模板网首页(home.netscape.com)'; return true">点击链接进入我爱模板网首页</a>
　　仔细观察onMouseOver事件处理中的语句，这两个语句为： 
window.status='Visit the Netscape Home page (home.netscape.com)';
return true;
　　当把它们作为内嵌脚本运行时，必须用分号把两个语句分开（分号后的空格是可选择的，但是有了空格可提高易读性），同样重要的是，整个语句组要用双引号括起来（"..."）。如果要将赋予window.status属性的字符串嵌入双引号中，用单引（'...'）号将字符串括起来即可。

　　运行下面的代码查看效果：


提示：您可以先修改部分代码再运行

TAGS: js window.status  js 状态栏