向Javascript Iframe弹出窗口添加多个链接

如何向这个JavaScript添加多个链接，JavaScript是一个Iframe弹出窗口，由外部链接触发，我需要添加3个链接来触发3个不同的页面弹出窗口

我研究了JavaScript并尝试了不同的方法。我搜索了堆栈，但没有找到任何可以提供解决方案的方法

任何帮助都将不胜感激

下面是使用带有1个链接的JavaScript的HTML

document.getElementById（“链接”）.onclick=function（e）{
e、 预防默认值（）；
document.getElementById（“popupdarkbg”）.style.display=“block”；
document.getElementById（“弹出”）.style.display=“块”；
document.getElementById（'popupiframe'）。src=”http://example.com";
document.getElementById（'popupdarkbg'）。onclick=function（）{
document.getElementById（“弹出”）.style.display=“无”；
document.getElementById（“popupdarkbg”）.style.display=“无”；
};
返回false；
}
window.onkeydown=函数（e）{
如果（e.keyCode==27）{
document.getElementById（“弹出”）.style.display=“无”；
document.getElementById（“popupdarkbg”）.style.display=“无”；
e、 预防默认值（）；
返回；
}
}

#弹出{显示：无；位置：固定；顶部：12%；左侧：15%；宽度：70%；高度：70%；背景色：透明；z索引：10；}
#弹出iframe{宽度：100%；高度：100%；边框：0；}
#popupdarkbg{位置：固定；z索引：5；左：0；顶部：0；宽度：100%；高度：100%；溢出：隐藏；背景色：rgba（0,0,0,75）；显示：无；}

您可以使用来引用多个元素。使用

querySelectorAll（）

选择类中的所有元素，然后循环它们以附加事件

您可以使用自定义属性将a元素本身中的相关链接关联起来，然后单击可以检索该链接并将其设置为弹出的iframe src

请尝试以下方法：

document.querySelectorAll（'.link'）.forEach（函数（lk）{
lk.onclick=函数（e）{
e、 预防默认值（）；
document.getElementById（“popupdarkbg”）.style.display=“block”；
document.getElementById（“弹出”）.style.display=“块”；
document.getElementById（'popupiframe'）.src=this.getAttribute（'data-link'）；
log（this.getAttribute（'data-link'））；
document.getElementById（'popupdarkbg'）。onclick=function（）{
document.getElementById（“弹出”）.style.display=“无”；
document.getElementById（“popupdarkbg”）.style.display=“无”；
};
返回false；
}
});
window.onkeydown=函数（e）{
如果（e.keyCode==27）{
document.getElementById（“弹出”）.style.display=“无”；
document.getElementById（“popupdarkbg”）.style.display=“无”；
e、 预防默认值（）；
返回；
}
}

#弹出{显示：无；位置：固定；顶部：12%；左侧：15%；宽度：70%；高度：70%；背景色：透明；z索引：10；}
#弹出iframe{宽度：100%；高度：100%；边框：0；}
#popupdarkbg{位置：固定；z索引：5；左：0；顶部：0；宽度：100%；高度：100%；溢出：隐藏；背景色：rgba（0,0,0,75）；显示：无；}

但是如何将第二个链接添加到javascript中，以打开link 1 example.com中的单独页面，例如：document.getElementById（'popupiframe'）.src=“”。。。。对于“Click me 2”链接？@ChazSteiner，您可以将a元素本身中的相关链接关联起来，然后单击即可检索该链接并将其设置为iframe src。我已经更新了答案，请检查：）太棒了！谢谢你，我的朋友！最好的回答。@ChazSteiner，非常欢迎你，也很乐意帮助：）