完全加載外部html文件的問題

我有一些問題完全加載到我的div的HTML文件。在閱讀了不同的問題之後，我意識到我應該使用iframe而不是試圖混淆div，ajax或JS。這使我受益匪淺，然而，在加載它返回頁面雖然滾動框像這樣：完全加載外部html文件的問題

我怎樣才能解決這個問題呢？下面

代碼片段：

這部分來自於index.html的：

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

其餘來自一月html文件，這是一個大的，僅僅包含了所有的信息，所以我不確定你是否需要看到它，因爲我懷疑它與此有什麼關係。

這是在這裏單擊月份時調用的JavaScript：

function load_january() { 

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

來源

2017-03-05 SomeStudent

所以你想[隱藏滾動條]（http://stackoverflow.com/questions/4856746/hide-horizontal-scrollbar-on-an-iframe）？ –

我想，是的，也想將整個html加載到iframe中。所以真的，它仍然是如何正確加載一個預先存在的文件的HTML文件的一部分。有點像阿賈克斯。 – SomeStudent

如果我正確地理解你，它會加載沒有其樣式的html文件。所以你應該檢查你試圖加載的HTML文件是否正確鏈接。 –

我覺得你有興趣調整iframe的高度，以匹配源HTML的高度。這樣你就看不到滾動條。

這個問題已經解決了這裏： Adjust width height of iframe to fit with content in it

來源

2017-03-05 21:28:43 timhysniu

我相信是的，是的，我會如何引用該javascript？我應該將它嵌入到我的load_january方法中嗎？獨立功能？ – SomeStudent

所以我周圍這讓使用DIV來代替，並調用一個Ajax功能。目前，我的CSS知識水平對於iframe來說太麻煩了。

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

來源

2017-03-05 21:50:26 SomeStudent

完全加載外部html文件的問題

回答

相關問題