frameset在Google Chrome中無法隱藏左邊欄怎么辦

frameset在Google Chrome中無法隱藏左邊欄怎么辦？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

使用Frameset 框架，發(fā)現(xiàn)在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,*";
}

感謝各位的閱讀！看完上述內(nèi)容，你們對frameset在Google Chrome中無法隱藏左邊欄怎么辦大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。