Javascript 如何使用脚本调用调用web组件

Javascript 如何使用脚本调用调用web组件,javascript,iframe,web-component,Javascript,Iframe,Web Component,我用react开发了一个web应用程序,我想将它嵌入另一个网站,虽然我通过iframe将它嵌入网站,但下面有一个代码 <iframe src="https://mapbox-project.netlify.app/" frameborder="0" height="560" width="100%"></iframe> 但是,由于iframes的限制,我希望能够通过这样的脚本调用

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

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

但是,由于iframes的限制,我希望能够通过这样的脚本调用嵌入它? 我不知道这是否有助于理解我在这里想要实现的目标



但是我真的不知道该怎么做。

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

但是本文说的不是,不是。这篇文章描述了web应用程序通过脚本标记使自身可嵌入的方法之一,正如我所说的。正如我也说过的,这是代表webapp作者做的额外工作,这很好地反映在那篇文章的长度上。因此,根据你现在所说的,这意味着web应用程序可以通过一些方式通过脚本标记使自己可嵌入。??这正是我想要实现的……你说的“现在说”是什么意思——再读一遍这篇文章,我说“一些web应用程序/API提供了一个JSONP变体,可以通过脚本标记来嵌入它们”。哎呀,我想帮你,但不知怎么的,我觉得我现在需要保护自己。说实话,这不好玩。如果你有这种感觉,我很抱歉,我只是想了解你,这样我就知道该怎么办了。。
<iframe src="https://mapbox-project.netlify.app/" frameborder="0" height="560" width="100%"></iframe>