我的项目是在我的网站内预览一些网站,我现在使用 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/