javascript - 用 Ajax 替换 Iframe

标签 javascript jquery ajax iframe

我的项目是在我的网站内预览一些网站,我现在使用 Iframe 来加载网站预览,然后用户可以在 Iframe 中进行交互。

出于 SEO 目的,我必须将 Iframe 实现更改为在页面内,因此可以替代的是 Jquery .load() 函数。

$('div#websitePreview').load('Website_URL');

但问题是当用户与网站交互时(点击某个链接)整个页面将重定向到新链接,所以有没有办法通过ajax在同一个div中加载用户点击的页面在不离开我的网站的情况下打电话?

更新: 我要预览的网站具有原始网站的子域

最佳答案

由于现代浏览器中的跨域安全限制,无法实现此目的。您不能通过 ajax 访问其他域的内容。

另一点是,如果您在站点的 div 中加载入口页面,则可能存在 css 错误,因为加载的 css 将覆盖您站点的 css。

关于javascript - 用 Ajax 替换 Iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17271190/

相关文章:

javascript - * { 字体系列 : 'Lato' } with js

jquery - 提供自定义文件名在 table2excel jquery 中不起作用?

javascript - 使用 jQuery 基于查询字符串自动完成字段

javascript - kendo ui treeview Dragend获取节点id

javascript - 初始化可观察数组时传递的参数必须是数组,或者为 null,或者为 undefined

javascript - 如何仅针对 hasOwnProperty false 属性将 Object.assign() 默认值分配给另一个部分完整的对象?

javascript - 压缩/缩小 AJAX 请求/响应中的 JSON

javascript - jQuery on() 事件委托(delegate)

php - Soundcloud php curl 程序

php - 在 PHP 中调试 Ajax 请求的最佳调试工具