如何在页面加载之前创建名称提示并将其内容添加到同一页面上的 iframe src？

Question

加载此页面时，页面中央有一个运行视频聊天系统的 iframe，其工作方式类似于缩放。

在页面加载之前，我希望出现一个弹出窗口，要求用户使用两个按钮输入他的名字：“确定/不带名字继续”

当用户输入他的名字并点击“确定”时，我希望将此名称添加到 iframe src。

例如，如果 iframe src 是：“https://www.videoconf.com/room1” 我希望来源是：“https://www.videoconf.com/room1/displayName=用户在名称提示符下输入的内容。

如果用户点击“没有名字继续”，我希望 iframe src 保持常规 (https://www.videoconf.com/room1)。

我该怎么做？

Answer 1

最简单的方法是使用提示命令。例如，您可以在页面的 body 标记之后编写此代码。

<script>
    let displayName = "";
    const namePrompt = prompt("If you want to enter anonymous you can click 'Cancel' button, else insert your name here:");
    if (namePrompt !== null) {
         displayName = "/displayName="+namePrompt;
    }
    document.getElementById("Iframe Id").src = "your url source"+displayName;
</script>

如果您愿意，可以使用 javascript 动态创建弹出窗口 window。或者将代码放在一个函数中并获取名称为 return value.

如何在页面加载之前创建名称提示并将其内容添加到同一页面上的 iframe src？

How can I create a name prompt before page loads and add its content to iframe src on the same page?

iframe

prompt