在div中加載外部網頁並調整高度

我試圖用Jquery將外部網頁加載到div（#siteloader）中，但我很難找出如何調整div的高度，以便重新調整大小適合外部網站的內容而不需要滾動條。我絕對不想使用iframe。在div中加載外部網頁並調整高度

下面是代碼：

<!doctype html> 
<html> 
    <meta charset="utf-8"> 
    <title>Load remote content into object element</title> 

    <style type="text/css"> 
    object { 
     width: 100%; 
    }  
    </style> 

    </head> 

    <body> 
     <div id="siteloader"></div> 

     <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
     <script> 
     $("#siteloader") 
      .html('<object data="https://system.netsuite.com/pages/customerlogin.jsp?country=US">'); 
     </script> 

    </body> 

</html>

任何幫助將不勝感激！

來源

2012-10-05 user1721584

我對iframe做了同樣的事情。因爲我已經控制了外部HTML我添加到頁面函數set_iframe_height（W）P $（'＃iframe-element'）。height（w）; }並在嵌入式頁面中添加了parent.set_iframe_height（$（'body'）。height（））; – galchen

如果你不特定的高度或寬度會自動擴展到合適的大小，我會建議，雖然，你設置一個max-height或max-width和overflow: hidden，這只是scenerios控制內容哪兒來的太大和超流隱藏將防止滾動條

來源

2012-10-05 16:39:53

在jQuery中，有一個名爲.load（）的函數，不幸的是它不能用於檢索任何跨域HTML。

您可以調用AJAX GET來檢索HTML並將其放入div中。

或者你可以嘗試這個mod：http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

來源

2012-10-05 16:45:02

這不是你的div不是擴大，而是你object。嘗試修復 - DEMO

html, body { 
    height: 100%; 
} 

div { 
    height: 99%; 
} 

object { 
    width: 100%; 
    min-height: 100%; 
}

來源

2012-10-05 16:45:53

在div中加載外部網頁並調整高度

回答

相關問題