Question

我有domain.com它有一个300x250的盒子在整个网站我想创建一个小部件，并允许其他人把它放在他们的网站上。

300x250的盒子与很多其他东西混在一起，我不能把300x250的盒子放在自己的页面上，因为它依赖于其他东西。

我在stackoverflow上发现了类似的线程，说明了以下工作

<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');

我做了第一个，它工作正常，第二个我还没有到处。

我的问题是这些方法中的哪一种更好＆＃34;或者是否有其他方式在其他网站上显示网站的部分内容？

Answer 1

选项1 - IFRAME

<强>赞成

可行吗
如果您的iFrame内容包含链接/回发，则这些内容将继续有效（在iFrame中）。

<强>缺点

主窗口OnLoad事件被推迟到iframe完成加载，这可以让用户感觉页面加载时间更长，它们也是more expensive to create。

选项2 - JQuery / DIV

<强>赞成

可以在父页面加载后加载脚本以加载感觉更敏感。
检索后，内容将在您的域中，因此有范围
客户端操纵DIV内容的样式/内容。

<强>缺点

不会作为其跨域工作，但有ways around this：
如果使用了相对路径，任何回发和链接都可能无效，同样是该内容中的样式表和图像。

<强>摘要

IFrame为简单起见，DIV需要更多的工作，但可能更灵活，可以说更快。

iframe显示网站的某个部分

1 个答案: