Javascript 如何在弹出/覆盖中嵌入其他URL的内容？

我希望在我的页面上有一个锚，当点击时，会显示一个覆盖/弹出窗口（我不确定正确的术语-我指的是当背景中的页面变灰，直到弹出/弹出窗口关闭）

覆盖的内容不应该是静态的，而是从命名的URL中提取。实际上，覆盖层充当进入另一个URL的窗口

我对HTML非常了解，但对CSS或Javascript一无所知，我欢迎任何建议

---

谢谢。

如果不了解您的具体设置，很难完全理解您希望实现的目标，但下面是我要做的

如果还没有，请查看jQuery。特别是jQueryUI。jQueryUI具有内置的“弹出”效果（称为“模式”）。实现这些库非常简单，只需在HTML中包含JavaScript文件，然后编写几行JavaScript（jQuery变体），将必要的JS处理程序附加到DOM。查看“查看源代码”链接，了解如何准确设置模式

一旦启动并运行了它，请参考api页面上jQuery的$.ajax函数（我不能再放置任何链接，否则我会链接到您）。这里的总体思路是，将AJAX请求发送到您选择的URL，然后使用JS（或jQuery）将该内容插入到您先前为模式设置的URL中。插入数据后，您将调用model打开，现在它将包含您通过AJAX请求的内容

这将向您显示启动和运行此程序所需的最低限度

$(function() {
    $( "#dialog-modal" ).dialog({
        height: 140,
        modal: true,
        autoOpen: false
    });

    $(document).on("click", ".load-modal", function(event){
        event.preventDefault();
        $.ajax({
          url: "your_url.php",
          cache: false,
          method: 'post',
          success: function(data){
            $("#dialog-modal").append(data);
          }
        });
        $("#dialog-modal").dialog("open");
    });
});

---

如果您想要的是一个模式对话框，则无需编写任何javascript/CSS即可完成此操作，然后只需为普通链接提供两个附加属性：

data-toggle="modal"
data-target="#yourModal"

---

此解决方案需要引导。

请向我们展示您迄今为止尝试的代码。通过谷歌搜索，我进入了此页面：。这为我提供了覆盖弹出功能。现在我需要它来解析另一个URL并填充覆盖。不知道从哪里开始。