javascript - 通过 ajax 调用将 html、js 和 css 小部件加载到外部站点

标签 javascript html css ajax

我有一个网页应该触发一个 ajax 请求以将一个小部件加载到一个 div 中,该小部件由一个 html block 、一个 css 文件和 2 个 js 文件(jquery 库和包含小部件逻辑的文件)组成。

将外部代码引入主站点的最佳方法是什么?如何做才能不干扰主站点中加载的其他 .js 库和 .css 类?

目前我正在使用 iframe,但由于多种原因我想删除它们。

感谢您的回答。

最佳答案

长短?您无法从您的页面以编程方式访问第 3 方内容。可以这么说,您可以创建“页面中的页面”(iframe)。

或者您可以使用 <script> 等 html 标签将第三方内容作为页面的一部分和 <style> .不过,这意味着内容可能会与您的内容交互。

如果您有权访问第 3 方服务器,则可以使用 CORS。

但由于许多跨站脚本安全问题,禁止跨站编码

关于javascript - 通过 ajax 调用将 html、js 和 css 小部件加载到外部站点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13383908/

相关文章:

javascript - 在 react 中导出高阶组件

javascript - 表单提交前的 Bootstrap Modal

javascript - 如何在给定特定输入时重定向到特定页面

javascript - 我怎样才能让一切都与背景图片相关?

css - 如何将 StyleSheet 应用于纯文本的 TextField

javascript - 需要 PHP foreach 问题中 jQuery slider 的帮助

java - 如何从javascript数组中的java代码获取值

javascript - 是否可以通过 PHP 或 JS 使用表单操作 PDF?

html - 如何在 Windows 任务栏上显示来自 JSON 源的值?

html - 仅将元素移动到具有负边距的左侧,但元素也会移动到顶部