如何使用jQuery交换框架集中两个框架的垂直位置。_Jquery_Iframe_Frames

如何使用jQuery交换框架集中两个框架的垂直位置。

jquery iframe

如何使用jQuery交换框架集中两个框架的垂直位置。,jquery,iframe,frames,Jquery,Iframe,Frames,我有一个iframe，用于显示从Excel发布的HTML页面。此iframe加载包含框架集的文档，框架集又包含两个框架。底部框架包含excel文档中工作表的tabstrip，我想把它放在顶部，用户可以立即看到它我的iframe： <iframe name="excel-frame" src="@Url.Content(Model.RelativeHttpPath + "/BettingCards.htm")" width="100%" height="100%"></ifra

我有一个iframe，用于显示从Excel发布的HTML页面。此iframe加载包含框架集的文档，框架集又包含两个框架。底部框架包含excel文档中工作表的tabstrip，我想把它放在顶部，用户可以立即看到它

我的iframe：

<iframe name="excel-frame" src="@Url.Content(Model.RelativeHttpPath + "/BettingCards.htm")" width="100%" height="100%"></iframe>

加载到上述iframe中的节略BettingCards.htm文档：

<html>
    <frameset rows="*,39" border=0 width=0 frameborder=no framespacing=0>
        <frame src="bettingcards_files/sheet001.htm" name="frSheet">
        <frame src="bettingcards_files/tabstrip.htm" name="frTabs" marginwidth=0 marginheight=0>
            <noframes>
                <body>
                    <p>This page uses frames, but your browser doesn't support them.</p>
                </body>
        </noframes>
    </frameset>
</html>


此页面使用框架，但您的浏览器不支持它们

如果我受够了折磨，我可以通过操纵DOM和重写HTML文件来实现这一点，但我更愿意在页面加载后触发一些jQuery代码。

类似于：

$('frameset frame:first').appendTo($('frameset'));

我们应该做到这一点

实例：

警告，我正在使用图像作为帧内容，今晚似乎有点慢。

试试这个

$(function(){

 $("iframe[name=excel-frame]").load(function(){
   var iframeContents = $(this).contents();
   iframeContents.find("iframe[name=frTabs]").after(iframeContents.find("iframe[name=frSheet]"));
 });

});