Google Chromeでフレームセットが左列を非表示にできない問題を解決するにはどうすればよいですか?

この記事の内容は、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>

フレームセット ID を追加し、JS で document.getElementById を使用して ID

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,*";
}

の列を取得します。

以上がGoogle Chromeでフレームセットが左列を非表示にできない問題を解決するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。