o7planning

Javascript Statusbar Tutorial with Examples

  1. window.statusbar
  2. window.status

1. window.statusbar

The window.statusbar property returns a Statusbar object representing the status bar of browser. It appears at the bottom of browser. However, it is almost impossible for you to interact with the Statusbar via Javascript because it has very few APIs for you.
window.statusbar

// Or simple:

statusbar
The tendency of modern browsers is to make the Viewport window as wide as possible, therefore, they remove other components like Statusbar, or make Menubar smaller ..
The illustration of Firefox 1.0 classic interface with full components such asMenubar, Statusbar, Toolbar,..
The illustration of modern Firefox having many components removed, or made smaller to save space:
For modern browsers, you see the status bar appear only when a user moves the mouse on the surface of a link.
statusbar.visible
The statusbar.visible property returns true if the status bar is dislayed on browser. However, this is unreliable property. You get a true value, which does not mean that you are seeing the status bar.
statusbar-example.html
<!DOCTYPE html>
<html>
<head>
    <title>Statusbar</title>
    <meta charset="UTF-8">
 
</head>
<body>
    <h3>statusbar.visible</h3>

    <br/><br/>
    <button onclick="alert(statusbar.visible)">
        alert(statusbar.visible)
    </button>

</body>
</html>

2. window.status

The status property of the window object help you establish a content of text shown on he status bar. By default, for security reasons, most browsers disable this feature for JavaScript. However, if an user wants, they are able to enable this feature for JavaScript by entering the "Options" of the browser.
Before clicking on a link, users often move the mouse over the link's surface to preview its address displayed in the status bar, and only click this link when they feel safe. Some websites may take advantage of window.status to display a fake content.

ECMAScript, Javascript Tutorials

Show More