怎样隐藏和显示Google Chrome浏览器的书签栏

发布网友 发布时间：2022-04-25 13:44

我来回答

共2个回答

懂视网 时间：2022-05-14 18:42

本篇文章给大家带来的内容是介绍解决frameset 在 Google Chrome 中无法隐藏左边栏问题的方法 。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

使用Frameset 框架，发现在IE下，

<frameset name="mainDefine" cols="200,10,*" frameborder="NO" border="0" framespacing="0" rows="*">
 <frame name="LeftFrame" noresize scrolling="auto" src="<%= PageTitle %>" >
 <frame name="middleFrame" scrolling="NO" noresize src="switchBar.html">
 <frame name="mainFrame" id ="mainFrame" scrolling="auto" noresize src="AddTabs.aspx">
</frameset>

switchBar.html 页面中，可以使用js 控制左边栏的显示、隐藏

function oa_tool() {
  if (window.parent.mainDefine.cols == "0,10,*") {
  frameshow.src = "p_1.gif";
  oa_tree.title = "隐藏工具栏"
  window.parent.mainDefine.cols = "200,10,*";
  }
  else {
  frameshow.src = "p_2.gif";
  oa_tree.title = "显示工具栏"
  window.parent.mainDefine.cols = "0,10,*";
  }
 }

<p id="oa_tree" onclick="oa_tool();" title="隐藏工具栏"><br>
  <img id="frameshow" src="p_1.gif">
</p>

但是在 Google Chrome 中，会报错情况 ：

无法读取cols属性。

解决方案：

<frameset id="mainDefine" name="mainDefine" cols="200,10,*" frameborder="NO" border="0" framespacing="0" rows="*">
 <frame name="LeftFrame" noresize scrolling="auto" src="<%= PageTitle %>" >
 <frame name="middleFrame" scrolling="NO" noresize src="switchBar.html">
 <frame name="mainFrame" id ="mainFrame" scrolling="auto" noresize src="AddTabs.aspx">
</frameset>

Frameset 添加ID，在JS中 使用 document.getElementById 来获取ID 的 cols

if (parent.document.getElementById('mainDefine').cols == "0,10,*") {
 frameshow.src = "p_1.gif";
 oa_tree.title = "隐藏工具栏"
 parent.document.getElementById('mainDefine').cols = "200,10,*";
}
else {
 frameshow.src = "p_2.gif";
 oa_tree.title = "显示工具栏"
 parent.document.getElementById('mainDefine').cols = "0,10,*";
}

热心网友 时间：2022-05-14 15:50

隐藏办法有两种：
1、在书签栏任意位置右击，最底下的选择（显示书签栏）去掉打钩
2、快捷键 ctrl+shift+b
不记得快捷键的时候就用第一种方法