我有一个Web组件，另一个组希望将其包含在他们的Web应用程序中。
他们要求我通过渲染成div来将我的页面渲染到他们的页面中。根据我的理解，他们将提供类似于此的html页面。
TheirComponenetPopupWindow.html
<html>
...
<script src="myscript.js"></script>
...
<div id='render_here'></div>
</html>
其中myscript.js将是我需要编写的脚本。
现在，我在stackoverflow上看到了无数的例子，我可以使用$(#render_here).load(..)或$.ajax(..,{..})。然而，所有这些都给我带来了严重的问题。我的页面加载的所有资源现在都相对于我正在渲染的页面。由于我的所有脚本，图像和css文件都无法加载，因此当然会破坏我的页面。
是否有人知道我如何使用上述方法，或者我可能不知道的方法，我可以将其渲染为div并且不会破坏我的资源？
答案 0 :(得分：3)
您可以尝试在render_here div中创建iframe，并使用您的网页网址设置iframe的src。
答案 1 :(得分：1)
如果您希望将代码移植到其他位置（例如第三方网站），则需要使用绝对URL重写代码。
如果您不需要在第三方网页上的代码和内容之间进行互动，那么iframe可能会为您节省大量时间和精力，但可以阻止访问第三方网页来自iframe。