javascript - 在对象标签上的窗口调整大小事件javascript

Question

我已经创建了 Jquery 选项卡并在父页面上嵌入了一个 JSP 页面。我已经调用了两个页面上的窗口调整大小事件。但是内页函数不会被调用。

对于内页，我有一个 SVG 元素，每次调整窗口大小时都需要调整它的大小。

sLinkPageToJunction = '<%=base1%>' + "/InnerTabbedPage.jsp?IntersectionName=" + strIntersectionName + "&FrameName=" + strFrameName + "&ip=" + '<%=ServerIP %>' + "&port=" + '<%=ServerPORT %>' + "&InterCorridorName=" + svgfilename;
if (document.getElementById("JnLive" + strIntersectionName) == null) {
    //var nextTab = $('#tabs li').size()+1; 
    Tabcount = $('#tabs li').size();
    // create the tab
    $('<li><a href="#tab' + strIntersectionName + '" data-toggle="tab">' + strIntersectionName + '&nbsp;&nbsp; <button class="close closeTab" align="right" "type="button">x</button></a></li>').appendTo('#tabs');

    // create the tab content

    $('<div class="tab-pane" id="tab' + strIntersectionName + '"> <div id="JnLive' + strIntersectionName + '" class="col-sm-6" style="margin-top: 1%"> </div>').appendTo('.tab-content');


    var heightvalue = $(window).height();
    var widthvalue = $(window).width()

    //alert("---->"+heightvalue+"---->"+widthvalue);

    var url = "<object id=obj'" + strIntersectionName + "' data='" + sLinkPageToJunction + "' height='" + heightvalue + "' width='" + widthvalue + "'></object>";

    $("#JnLive" + strIntersectionName).html(url);

    // make the new tab active
    $('#tabs a:last').tab('show');
    OpenedTabbedJunctionNames[Tabcount - 1] = strIntersectionName;
    OpenedTabbedJunctionFrameNames[Tabcount - 1] = strFrameName;

    registerCloseEvent();
}

因此，如果它不存在，它会创建一个新选项卡。

现在我在内页的on windowresize事件是

window.addEventListener('resize', changeframesizeJN) ;

在外页上是

window.addEventListener('resize', changeframesize) ;

但是，当我使用选定的选项卡调整窗口大小时，不会调用 changeframesizeJN。

我该怎么做？

P.S:我不知道我是否已经输入了要回答的问题所需的信息。事实上，我不确定如何提出这个问题。

Answer 1

根据我从您的代码中得知的信息，您为面板设置了固定的宽度和高度。您应该更改内页的 CSS 以根据其父级调整大小。

或者，您可以在调整其外部父级及其自身的大小时调用内页函数。因为它在同一个域中，所以这样做不会有任何问题:

window.addEventListener('resize', function() {
    changeframesize();
    window.frames['yourIframeName'].changeframesizeJN();
});

只需确保为内部窗口命名，以便您可以选择它。或者使用它的索引，但我建议使用名称以保持其可读性:

window.frames[0].changeframesizeJN();