Javascript 如何在另一个页面上创建元素的居中弹出窗口

我来自C#背景，所以请容忍我，我已经知道我的做法并不理想：

但我需要这样做：

创建一个居中的弹出窗口，当用户单击某些文本时，该窗口将与页面一起滚动。代码必须嵌入HTML页面中的JavaScript，服务器端没有任何内容（除了css）

-最好是弹出窗口的文本链接需要可重用，我不想为每个链接嵌入一堆代码

-我已经看过很多“弹出式”教程/Exmaple，但由于我需要嵌入式客户端javascript，它限制了工作

---

结果，我希望有一个带有预先制作的弹出窗口的网页，我可以从其他网页（如OpenPopup（webpage.getElement（popupNumber12））中引用它，或者有带有弹出窗口标题的数组，我可以传递的描述。

听起来你在寻找的是模态，而不是popover，因为你不希望它在与页面交互后关闭。我将使用onClick事件打开一个模式，然后将其位置描述为：

.modal {
   width: 300px;
   height: 300px;
   position: absolute;
   left: 50%;
   top: 50%; 
   margin-left: -150px;
   margin-top: -150px;
   }

假设要显示的模式宽度为300px

如果你与SCS合作

$width = 300px
$height = 300px

.modal {
    width: $width;
    height: $height;
    position: absolute;
    left: calc(50% - $width)
    top: calc(50% - $height)
}

---

哦，太酷了，不用js我也能做到！从html4开始我就没有使用过html，所以这很有用，我已经看过了：我想我可以通过链接到给定页面地址的div以及锚标记中的哈希来获得我想要的工作。谢谢