betacode

Руководство Javascript Menubar

1- window.menubar

Свойтсво (property) window.menubar возвращает объект Menubar представляющий строку меню (menu bar) на браузере. Но вы почти не можете взаимодействовать с  Menubar через Javascript так как он имеет очень мало API для вас.
window.menubar

// Or simple:

menubar
Тенденция современных браузеров делает окно Viewport как можно шире, поэтому они убирают другие компоненты как Statusbar, или уменьшают Menubar.
Изображение ниже иллюстрирует строку меню браузера Firefox 1.0.
Строка меню была уменьшена в современной версии Firefox.

menubar.visible

Свойство (property) menubar.visible возвращает true если строка меню отображена на браузере, и наоборот возвращает false.
Заметьте, что с современными браузерами, вы не можете настроить новое значение для menubar.visible, если вы намеренно сделаете это, оно не будет работать.
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>
Например, используйте window.open(..) чтобы открыть новое окно без строки меню.
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>

 
Maybe you are interested

Это онлайн курс вне вебсайта o7planning, который мы представляем, он включает бесплатные курсы или курсы со скидкой.