Table Of Content

Javascript Statusbar Tutorial

View more Tutorials:

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, make Menubar smaller ..
Illustration of Firefox 1.0  classic interface with full components such as   Menubar, Statusbar, Toolbar,..
Illustration of modern  Firefox. Many components have been removed, or made smaller to save space:
For modern browsers, you only see the status bar appear when a user moves the mouse on the surface of a link.

statusbar.visible

The  statusbar.visible property returns  true if 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.

View more Tutorials: