0

我有一个将在 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>
4

1 回答 1

1

您将需要为此执行跨域 ajax 请求。它通过以下步骤完成

  • 在 js 中构建 ajax 请求并将其放在您要从中发布小部件的域中

  • 将脚本添加到您希望小部件出现的页面。确保将文件的来源设置为所有者域，并且不要将js文件复制到本地。这是必要的，否则浏览器会发出安全警告并且不会允许它。

  • 调用包含 js 的函数来执行请求并从源域获取内容。

这将使添加小部件的过程更加困难，但 div 将不允许您从任何域加载内容（只有 iframe 和框架可以这样做）。

于 2012-10-29T06:58:52.077 回答