完全加载外部html文件的问题

Question

我在将一个html文件完全加载到我的div中时遇到了一些问题。在阅读了不同的问题后，我意识到我应该使用iframe而不是试图搞乱div，ajax或JS。这对我很有帮助，但是，加载后它会在滚动框中返回页面，如下所示：

我该如何解决这个问题？

以下代码段：

这部分来自index.html：

<div class="blurbs" id="blurbs">
        <iframe id = "frame" width="100%" height="100%" frameborder="0" ></iframe>
    </div>

其余来自1月份的html文件，这是一个很大的文件，只包含所有信息所以我不确定是否所有人都需要看到它，因为我怀疑它与此有什么关系。

这是点击1月时调用的javascript：

function load_january() {

    var ajaxCall = document.getElementById("frame");
    ajaxCall.setAttribute("src", "../HTML/months/january.html");
}

Answer 1

我认为您有兴趣调整iframe高度以匹配源HTML的高度。这样您就看不到滚动条了。

此问题已在此处解决： Adjust width height of iframe to fit with content in it

Answer 2

所以我通过使用div代替并调用ajax函数来解决这个问题。目前，iframe对我的CSS知识水平来说太麻烦了。

 $(document).ready(function() {
        $("#jan").click(function () {
            $.ajax({
                url: "../HTML/months/january.html", success: function (result) {
                    $("#blurb").html(result);
                }
            });
        });
    });