javascript隐藏导航菜单栏和关闭页面

最近遇到一个bug,该bug的根源是一个挺奇怪的需求,问题很简单,是这样的:从一个页面登陆,登陆后进入到一个系统(嵌入到网页的applet),但是要求登陆后的页面要隐藏工具栏、导航栏。

咋一看很简单,但做的时候发现不对劲。浏览器页面的控制一般是用 javascript 中的内置对象window对象。下面是我的步骤:

1.如何隐藏导航栏、工具栏

开始想着在javrscript中将 windows.menubar=false 实在天真,window对象中,menubar、 locationbar、toobar等均是只读属性。想要设置这些属性,window对象只提供了一个接口:

window.open(URL,name,features,replace)
参数说明:

可以在features参数中设置以下表格的属性,只需把想要隐藏的属性设置为false或0 。(注:有些浏览器为了防止非法网站欺诈用户,是不允许隐藏掉地址栏的,在较新版本的chrome中,地址栏我隐藏不掉撒~)

channelmode=yes|no|1|0 是否使用剧院模式显示窗口。默认为 no。
  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以帮你解答关于 JavaScript 网页导航栏下拉菜单的问题。 首先,你需要在 HTML 中创建一个导航栏,可以使用 `<nav>` 标签来创建。然后,在导航栏中添加一个下拉菜单的按钮,可以使用 `<button>` 标签,并添加一个点击事件。 接下来,你可以使用 JavaScript 来控制下拉菜单的显示和隐藏。你可以使用 `classList` 属性来添加或移除一个元素的 class,从而控制元素的样式。 下面是一个简单的示例代码: HTML 代码: ```html <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">新闻</a></li> <li><a href="#">产品</a></li> <li> <button id="dropdown-btn">更多</button> <ul id="dropdown-menu"> <li><a href="#">关于我们</a></li> <li><a href="#">联系我们</a></li> </ul> </li> </ul> </nav> ``` JavaScript 代码: ```javascript // 获取下拉菜单按钮和菜单元素 var dropdownBtn = document.getElementById("dropdown-btn"); var dropdownMenu = document.getElementById("dropdown-menu"); // 添加点击事件 dropdownBtn.addEventListener("click", function() { // 切换菜单的显示/隐藏状态 dropdownMenu.classList.toggle("show"); }); // 在文档其他位置点击时,隐藏菜单 window.addEventListener("click", function(event) { if (!event.target.matches("#dropdown-btn")) { dropdownMenu.classList.remove("show"); } }); ``` 在上面的代码中,我们使用 `classList.toggle()` 方法来切换菜单元素的 `show` class,从而控制菜单的显示和隐藏。同时,我们还添加了一个窗口点击事件,当用户在文档的其他位置点击时,隐藏菜单。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值