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

如何在加载页面之前创建名称提示,并将其内容添加到同一页面上的iframe src?,iframe,prompt,Iframe,Prompt,我的网站上有此页面: 加载此页面时,页面中心有一个iframe,它运行类似zoom的视频聊天系统 在加载页面之前,我希望出现一个弹出窗口,要求用户用两个按钮输入自己的姓名:“ok/continue without name” 当用户输入其姓名并点击“确定”时, 我希望将此名称添加到iframe src 比如说,, 如果iframe src为:https://www.videoconf.com/room1" 我希望源是:https://www.videoconf.com/room1/displa

我的网站上有此页面:

加载此页面时,页面中心有一个iframe,它运行类似zoom的视频聊天系统

在加载页面之前,我希望出现一个弹出窗口,要求用户用两个按钮输入自己的姓名:“ok/continue without name”

当用户输入其姓名并点击“确定”时, 我希望将此名称添加到iframe src

比如说,, 如果iframe src为:https://www.videoconf.com/room1" 我希望源是:https://www.videoconf.com/room1/displayName=what 用户在名称提示下输入

如果用户点击“不带名称继续”, 我希望iframe src保持常规()


我该怎么做呢?

最简单的方法是使用提示符comand。例如,您可以在页面的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>

让displayName=“”;
const namepropt=prompt(“如果您想输入匿名,可以单击“取消”按钮,否则在此处插入您的姓名:”;
如果(namePrompt!==null){
displayName=“/displayName=“+namePrompt;
}
document.getElementById(“Iframe Id”).src=“您的url源”+displayName;

如果您愿意,您可以使用javascript创建一个弹出窗口。或者将代码放入函数中,并将名称作为返回值。

在哪个标记之后以及在代码中编写此代码,而不是“iframe id”“我需要在那里写下我当前的iframe id?或者在那里写一些我必须添加到iframe代码中的id?因为我的页面上有另一个脚本,它已经与ID为的iframe进行了对话。很抱歉,我对javascript的了解非常有限。。所以,我在试着理解“谢谢你”后的身体标签。是的,您需要将“Iframe Id”更改为当前的Iframe Id。“您的URL源”也需要更改。您需要在这里编写iframe src(示例:)