javascript - 在 div 中加载外部页面并更改它

标签 javascript jquery html iframe

我想弄清楚如何在 div 中加载外部页面并更改它的 HTML/CSS。可能吗?

我被 Same-origin policy 卡住了,因为它不允许编辑具有不同来源的 html。

为了澄清,我想突出显示页面内的一些内容并分享。

这样做有哪些限制以及可能的解决方法?

最佳答案

虽然从安全的 Angular 来看这可能是一个非常糟糕的主意,但您可以在要包含的页面上执行 Ajax GET 并使用 html() jQuery 函数将其内容注入(inject) div 中(预先去除 .. 标签).

您将能够修改 HTML,但您不会以这种方式获得样式表。

不过,在我看来,在你的页面中加载外部页面并不是一个好主意,因为如果执行远程页面脚本,它可能会使你暴露于 XSS 和其他漏洞。

另一种解决方案是使用 iframe,无论它听起来多么老套。

关于javascript - 在 div 中加载外部页面并更改它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29485693/

相关文章:

javascript - 如何通过 Webpacker 使用 Rails 6.1 安装 Alpine JS 3

javascript - 将组件添加到每个reactJS组件

javascript - 使用 angularJS 结合 ui-bootstrap datepicker 和 timepicker?

javascript - <ul> 和 <li> 标签的默认边距和填充

jquery 范围 slider 值到查询字符串

android - 修复 Android 中的绝对定位

javascript - 如何避免检查对象中的对象是否存在于数据Vue.js中?

javascript - 将数据从 JS 传递到 Laravel

html - 主体填充未应用于背景图像

javascript - 谷歌地图 JavaScript v3+php