Javascript CSS可设置样式的弹出窗口（模式），在打开之前不会加载

所以我想建立一个类似的东西。
现在我想把这些按钮放在一个页面上，每个弹出窗口必须包含不同的

（嵌入视频）。我还认为它们是CSS样式的。
因此，我似乎无法实现两件事：
-我找不到任何脚本（我对web thingys非常陌生）可以为不同的按钮打开不同的弹出窗口
-我找不到任何东西可以让弹出窗口的内容在实际显示之前保持卸载状态

谢谢你的帮助

PS：我只知道如何使用jS，HTML和CSS，所以我不能使用花哨的东西。。。第一个项目…

-编辑-

---

好的，我不知道服务器端的事情与此相关。我可以使用PHP（实际上我会按照PHP填充弹出窗口），那么有没有办法使用指定的语言和PHP？如果没有，我如何实现我指定的其他目标？我不知道JS，我只知道如何使用脚本…

希望这个链接能有所帮助：

---

请重新检查您的数据目标。“#ExampleModel”在按钮中是模态的id，并将iframe而不是此表单置于此链接中

如果您只想使用js、html和css，那么您真的无法不加载内容。它必须在页面上，就在隐藏的容器中。可以将它们放置在视口外部，将它们设置为

display:none，但它们仍然是标记的一部分。如果您希望根据您单击的内容加载它们，则必须使用某种服务器端语言，并可能使用AJAX/javascript查询内容。（点击按钮，js通过AJAX加载内容，并显示内容的模式）点击按钮后，您可以使用JavaScript将
放入页面。
.html（）
函数可用于将
放入
中，以便只有将其放入页面后才能加载。好的，我不知道服务器端的东西与此相关。我可以使用PHP（实际上我会按照PHP填充弹出窗口），那么有没有办法使用指定的语言和PHP？如果没有，我如何实现我指定的其他目标？我不知道JS，我只知道如何使用脚本。。。