我如何通过脚本调用来调用 Web 组件

How can i call a web-component with a script call

我用 React 开发了一个网络应用程序,我想将它嵌入到另一个网站中,虽然我通过 iframe 将它嵌入到网站中,但下面有一个代码。

<iframe src="https://mapbox-project.netlify.app/" frameborder="0" height="560" width="100%"></iframe>
   

但是,由于 iframe 的限制,我希望能够通过这样的脚本调用来嵌入它? 我不知道这是否有助于理解我在这里想要实现的目标。https://blog.jenyay.com/web-ui-widget/

  <script src="https://mapbox-project.netlify.app/"></script>

但是我真的不知道怎么办。

这不可能。嵌入另一个页面的唯一方法是通过 iframe、实际框架(如果有人还记得它们的话)或使用嵌入。脚本标签用于执行 javascript 代码,但页面不是 javascript 代码。某些网站 applications/APIs 提供用于嵌入的 JSONP 变体,您确实可以通过脚本标记调用它们,例如,但这需要由嵌入式应用程序启用并且需要额外的工作。