Die Anleitung zu Javascript Menubar

window.menubar

1. window.menubar

Das Property window.menubar gibt ein Objekt Menubar zurück, das die Zustandleiste (Menu bar) des Browser vertritt. Allerdings können Sie mit Menubar durch Javascript fast nicht inteaktivieren denn es gibt wenige API für Sie.

window.menubar

// Or simple:

menubar

Die Tendenz der modernen Browser ist es, das Fenster Viewport so breit wie möglich zu gestalten. Deshalb entfernen sie die anderen Komponenten wie Statusbar oder verkleinert Menubar.

Die Illustration vom Menu Bar des Browser Firefox 1.0.

Das Menu bar wird in die Version moderner Firefox verkleinert.

menubar.visible

Das Property menubar.visible gibt true zurück wenn das Menu Bar auf den Browser anzeigt, umgekehrt gibt es false zurück.

Achtung: Für die modernen Browser können Sie die neue Wert für menubar.visible nicht setzen. Wenn Sie das Ding absichtlich machen, hat es keine Bedeutung.

menubar-example.html

<!DOCTYPE html>
<html>
<head>
    <title>Menubar</title>
    <meta charset="UTF-8">
</head>
<body>
    <h3>menubar.visible</h3>

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

</body>
</html>

Zum Beispiel: Verwenden Sie window.open(..) um ein neues Fenster ohne das Menu Bar zu öffnen.

open-new-window-example.html

<!DOCTYPE html>
<html>
<head>
    <title>Menubar</title>
    <meta charset="UTF-8">
    <script>

        function openNewWindow()  {
           var winFeature = 'menubar=no,resizable=yes';

           // Open a New Windows.
           window.open('some-page.html','MyWinName',winFeature);
        }
    </script>
</head>
<body>
    <h3>Menubar</h3>

    <button onclick="openNewWindow()">
      Open a New Window without menubar
    </button>

</body>
</html>

some-page.html

<!DOCTYPE html>
<html>
<head>
    <title>Some Page</title>
    <meta charset="UTF-8">
</head>
<body onload="alert('menubar.visible? ' + menubar.visible)">
    <h3>Some Page</h3>

    <p>1</p>
    <p>1 2</p>
    <p>1 2 3</p>
</body>
</html>

Die Anleitung zu Javascript Menubar

1. window.menubar

Anleitungen ECMAScript, Javascript

Anleitungen ECMAScript, Javascript

Neueste Artikel