Javascript 如何在当前网页上创建并显示自行设计的窗口而不是弹出窗口？
我想在当前网页上创建并显示一个自行设计的窗口，而不是像您在本页上看到的那样弹出窗口 当我试图在stackoverflow上设置一个关于这个问题的链接时，出现了同一类型的窗口，它接受了我的链接 例如，facebook也使用这种类型的窗口来显示标记的图像。Javascript 如何在当前网页上创建并显示自行设计的窗口而不是弹出窗口？,javascript,asp.net,html,css,Javascript,Asp.net,Html,Css,我想在当前网页上创建并显示一个自行设计的窗口，而不是像您在本页上看到的那样弹出窗口 当我试图在stackoverflow上设置一个关于这个问题的链接时，出现了同一类型的窗口，它接受了我的链接 例如，facebook也使用这种类型的窗口来显示标记的图像。 请帮助我。如果您使用的是ASP.NET，该功能在中可用 也可以使用直接的HTML和JavaScript来实现 您只需在弹出窗口中创建一个包含所需内容的div，并将其“Display”属性设置为“none” 在用户交互（鼠标单击、按钮单击等）时，
请帮助我。如果您使用的是ASP.NET，该功能在中可用 也可以使用直接的HTML和JavaScript来实现 您只需在弹出窗口中创建一个包含所需内容的div，并将其“Display”属性设置为“none” 在用户交互（鼠标单击、按钮单击等）时，使用JavaScript将显示设置为“块”。（还有一点，但这就是要点。） 当然，您也可以从链接到的页面获取执行该操作的组件
另一种方法和更全面的解释是，这里有一个完整的源代码示例：如果您正在寻找弹出div框的确切代码，那么它就在这里。在浏览器的中心显示div框比较困难，需要更多的javascript来确定中心位置 注意“return false；”在按钮的OnClientClick事件中。这将停止按钮执行回发和重新加载整个页面
<head runat="server">
<script type="text/javascript" language="javascript">
function togglePopUp(div_id) {
var el = document.getElementById(div_id);
if (el.style.display == 'block') { el.style.display = 'none'; }
else { el.style.display = 'block'; }
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="btnPopUp" OnClientClick="togglePopUp('popUpDiv'); return false;"
text="Pop Up a div boxt" runat="server" />
</div>
<div id="popUpDiv"
style="
display:none;
position:absolute;
top:100px;
left:100px;
background-color:Gray;
z-index: 10002;">
My popup box
</div>
</form>
</body>
</html>
功能切换弹出窗口（div_id）{
var el=document.getElementById（div_id）；
如果（el.style.display='block'）{el.style.display='none'；}
else{el.style.display='block'；}
}
我的弹出框