删除标题栏,菜单栏,导航栏,标签栏,地址栏和浏览器状态栏

时间:2012-11-01 06:37:16

标签: javascript jquery html css

如何使用jquery删除浏览器的标题栏,菜单栏,导航栏,标签栏,地址栏,状态栏。

问题是我正在调用一个对话框来打开一个完全适合显示器屏幕的poup窗口,不应该显示任何浏览器栏。

3 个答案:

答案 0 :(得分:9)

fullscreen API提供了一种使用用户整个屏幕呈现Web内容的简便方法。本文提供有关使用此API的信息。

API可让您轻松指导浏览器制作元素及其子元素(如果有)占据全屏,从而在屏幕上消除所有浏览器用户界面和其他应用程序。

Live Example(网站加载后按Enter键)

This也是一本很好的读物。

答案 1 :(得分:3)

您无法隐藏所有这些工具栏,但您可以通过为此处的任何选项设置false值来尽力而为:https://developer.mozilla.org/en-US/docs/DOM/window.open ...在{{1的第三个参数中,很可能是这些:

  • 菜单栏
  • 工具栏
  • 位置
  • 滚动条
  • 标题栏

(并非所有完全兼容/支持,但使用它们都不会有害)

至于“全屏” - 全屏API的下一个最佳选择是将这些选项用于window.open的第三个参数:

window.open

但这甚至不能保证它会填满整个显示器。

答案 2 :(得分:1)

window.open("url","name",'height=240,width=200,top=' + top + ',left=' + left + ',directories=no,titlebar=nostatus=no,toolbar=no,menubar=no,navigationbar=no,location=no,resizable=no,scrollbars=no');