frameSet 拖动frame 后设置frameSet.rows 无效问题【头疼】

凌晨4点5杀老大爷 2017-03-11 06:00:20

问题描述:
我一个页面上有个frameSet



    <frameset id="theFrameSet" rows="70%,30%" param="">

        <noframes>

            <body>

                很抱歉，馈下使用的浏览器不支援框架功能，请转用新的谷歌浏览器。

            </body>

        </noframes> 

        <frame id="frame1" src="/Work/AnswerArea" frameborder="1">

        <frame id="frame2" src="/Work/Reference" frameborder="1" >

</frameset>

我的rame1 对应的页面上一个按钮点击后点击后将 frameSet 的 rows 设置成"100%,0" 在正常情况下可以点击按钮后将frame2隐藏的效果，问题是将frame2 的高度往上托后再点击按钮就无效了，frame2的高度会往下降些，但是无法实现隐藏效果，这个问题困扰大半天了，望高手给解决方案或者代码，谢谢。

...全文

211 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

凌晨4点5杀老大爷 2017-03-13

打赏
举报

引用 1 楼 showbo 的回复:

应该是chrome的bug，Firefox和ie测试了没有问题。chrome要隐藏有个办法就是隐藏的时候remove掉frame2，显示的时候再添加回来，但是高度是鼠标调整后的，重设没有用

<input type="button" value="隐藏" onclick="setRow(this)" />
<script>
    function setRow(btn) {
        var hide = btn.value == '隐藏'; btn.value = hide ? '显示' : '隐藏';
        var frame2 = parent.document.getElementById('frame2');
        var el = parent.document.getElementById('theFrameSet');
        el.rows= hide ? '100%,0' : '70%,30%'
        if (hide) el.removeChild(frame2);
        else {
            frame2 = document.createElement('frame'); frame2.id = 'frame2'; frame2.src = 'detail.html'; frame2.frameborder = 1;
            el.appendChild(frame2);
        }
    }
</script>

谢谢，我也觉得chrome是个bug

斯洛文尼亚旅游 2017-03-11

打赏
举报

<input type="button" value="隐藏" onclick="setRow(this)" />
<script>
    function setRow(btn) {
        var hide = btn.value == '隐藏'; btn.value = hide ? '显示' : '隐藏';
        var frame2 = parent.document.getElementById('frame2');
        var el = parent.document.getElementById('theFrameSet');
        el.rows= hide ? '100%,0' : '70%,30%'
        if (hide) el.removeChild(frame2);
        else {
            frame2 = document.createElement('frame'); frame2.id = 'frame2'; frame2.src = 'detail.html'; frame2.frameborder = 1;
            el.appendChild(frame2);
        }
    }
</script>

jsp中使用frameset框架边框固定不让更改边框的大小.docx

frameset元素属性

简单说明frame 及frameset标签中的各个属性，以及各个属性的作用。

HTML中的分割窗体示例(Frame应用)，HTML，Frame，Frameset，网页设计，窗体分割，示例

框架是网页画面分成几个框窗（不同的窗口对应不同页面以几个网页的形式显示），同时取得多个 src的地址。页面所有框架标记需要放在一个总起的 html 档，这个档案只记录了该框架如何分割，不会显示任何资料，所以不必放入 <BODY> 标记，浏览这框架必须读取这档案面不是其他框窗的档案。 <FRAMESET> 是用来划分框窗，每一窗框由一个 <FRAME> 标记所标示，<FRAME>必须在 <FRAMESET> 范围中使用。 name=… 定义帧的名字　　　　　　　　　scr=… 定义在帧中显示的内容的来源　　　　　　　　　frameborder=…定义帧之间的边界(0或1)