我有一个会在iframe中显示的网址
<iframe width="250" height="200" frameBorder="0" data-href="http://localhost:8080/webapps/testauth.jsp?appID=a71c5859-03eb-4c16-ac08-1cac24ed2a1d"></iframe>
如果我将上述代码粘贴到任何网站，它会将小部件显示在网站中，例如Facebook plugin。
但现在我的工作是将它从iframe更改为css div。我对UI部分知之甚少，面对问题可以帮助我。
改变应该是这样的
<div class="something"data-href="http://localhost:8080/webapps/auth.jsp?appID=a71c5859-03eb-4c16-ac08-1cac24ed2a1d" data-width="292" ></div>
答案 0 :(得分：1)
您需要为此执行跨域ajax请求。它按以下步骤完成
在js中构建ajax请求并将其放在要从中发布窗口小部件的域
将脚本添加到您希望窗口小部件显示的页面。确保将文件源设置为所有者域，并且不要在本地复制js文件。否则浏览器将提出安全警告并且不允许它。
调用包含js的函数来执行请求并从原始域中获取内容。
这会使添加小部件的过程更加困难，但div不允许您从任何域加载内容（只有iframe和框架可以这样做）。