codestory

Die Anleitung zu Javascript Menubar

View more Tutorials:

Folge uns auf unserer fanpage, um jedes Mal benachrichtigt zu werden, wenn es neue Artikel gibt. Facebook

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>

 

View more Tutorials:

Vielleicht bist du interessiert

Das sind die Online-Courses außer der Website o7planning, die wir empfehlen. Sie können umsonst sein oder Discount haben.