IFRAME顯示一個網站

Question

的某一部分，我有domain.com的它有一個300x250的盒子與網站的整體我想創建一個小部件，並讓其他人把它放在他們的網站。

300x250的箱混在很多其他的東西，我不能把那個箱子的300x250自己的頁面上，因爲它是依賴於其他的東西。

我發現在計算器是說了以下工作

<div style="overflow:hidden; width:608px; height:270px;"> 
    <iframe scrolling="no" frameBorder="0" 
    src="http://tech-revolution.com/forum/vbshout.php?do=detach&instanceid=1#dbtech_shoutbox1" 
    style="width:728px; height:270px; border:none; margin-left:-60px;"/> 
</div> 

或

$('#target-div').load('http://www.mywebsite.com/portfolio.php #portfolio-sports'); 

我做的第一個類似的線程，它工作正常，第二個我沒有得到尚未各地。

我的問題是這些方法之一是「好」還是有不同的方式來顯示在其他網站一個網站的一部分？

Answer 1

選項1 - IFRAME

優點

• 將工作

• 如果您的iFrame內容有鏈接/回傳這些都將繼續工作（內嵌框架內）。

缺點

• 主窗口onload事件被推遲到了iframe加載完成，它可以給用戶的感覺是，這頁花費更長的加載時間，他們也alledgely more expensive to create。

選擇2 - JQuery的/ DIV

優點

• 可以編寫腳本父頁面加載給予 反應更靈敏的感覺後加載。

• 檢索完成後，內容將位於您的域中，因此客戶端可以使用範圍
  來操縱DIV內容的樣式/內容。

缺點

• 將無法​​正常工作，它的跨域，有ways around this是：如果相對路徑已被用於

• 任何回傳和鏈接maynot工作， 同樣在該內容中的樣式表和圖像。

摘要

的IFrame爲簡單起見，DIV會需要更多的工作，但可能會更加靈活，可以說是快。