Javascript 如何在另一个托管的网站中显示网站（未托管）？

我正在创建一个投资组合网站，将有一个域，并将托管。出于以下问题的目的，我的投资组合网站将是“网站1”，项目网站将是“网站2”

我正在创建网站#1（拥有域/托管）。我想在website#1中展示website#2（无域/未托管），而无需为其购买域/主机。网站#2是一个学校项目，所以我不想在域名或托管服务上花钱

理想情况下，会有一个按钮，用户可以点击网站#1，在网站#1中弹出另一个浏览器窗口，并加载网站#2的本地文件。网站#1的背景仍然可见，但弹出的浏览器窗口现在有焦点（见图）

如果这是可能的，您知道网站#2是否会响应弹出窗口吗？如果用户可以调整弹出窗口的大小以查看其响应性，那就太好了

希望我第二次解释得足够好，能得到一些帮助。先谢谢你！：）

---

您可以将项目网站放在/projects/目录中，然后引用它们，例如：

---

要在您的公文包网站中显示它，您可以使用iframe标记，如果您正确编码，它可以响应。

您基本上可以将网站2加载到网站1本身，是的，您可以将其编码为响应。只需参考您希望展示的网站的层次结构文件夹。所以你有你的托管网站的文件结构。。。带有索引页的顶级文件夹，然后有一个名为webProjects的文件夹。然后将展示站点的文件夹结构放在该文件夹中，当您想要引用该文件夹时，请引用该文件夹>index.html。在ReactNative中有一种称为WebView的东西，我猜ReactJS中也应该有类似的东西，这可能会有所帮助