如何创建一个在html中弹出对话框的链接？

【问题标题】：how to create a link which pops up a conversation box in html?如何创建一个在html中弹出对话框的链接？
【发布时间】：2021-12-16 13:43:40
【问题描述】：

我正在尝试在 html 中创建一个链接，该链接将显示为一组单词，当有人按下这些单词时，会出现一个弹出窗口。我也想控制弹窗里的选项，里面写的是什么。有人可以告诉我该怎么做吗？ **我不想要按钮，我只想要可以按下以弹出消息的单词。

【问题讨论】：

您需要使用 Javascript 来解析您的内容并制作可点击的文字。

标签： html popup

【解决方案1】：

如果没有 JavaScript，我担心这是不可能的。这是您的设想吗？

<p id="popup">Word</p>
<div id="box"></div>

<script>

document.querySelector('#popup').addEventListener('click', () => {
    const message = "This is my message";
    document.querySelector('#box').innerText = message;
    document.querySelector('#box').addEventListener('click', () => {
        document.querySelector('#box').innerText = '';
    });
});

</script>

点击单词填充“弹出”，然后点击“弹出”再次清空。

【讨论】：