html如何实现将设计好的页面内容作为弹窗显示？

Posted 2023-02-28

首先要写一个弹窗内容区div，把要显示在弹窗里面的标签放在弹窗的div里面就行，当弹窗打开的时候，弹窗里面的内容就是你布局的内容。这需要结合JavaScript，纯html是实现不了的。 参考技术A window.open("设计好的页面url",null,"height=480,width=640,status=yes,toolbar=no,menubar=no"); 参考技术B 弹出框的一个主要功能就是反馈。 参考技术C 我最常用的是position absolute定位。或者你也可以用fixed定位呀。然后把这个的zindex调大比如999，这样就在最上面了。可以的话加个蒙层 参考技术D 1、按钮
关闭
二级分类名称：
3、js部分
//===================================弹框js部分 start by:songfayuan=========================================
//弹出隐藏层
function ShowDiv(show_div,bg_div)undefined
var scrollHeight = document.body.scrollHeight; //文档高度
document.getElementById(bg_div).style.height=scrollHeight+'px';
document.getElementById(show_div).style.display='block';
document.getElementById(bg_div).style.display='block';
;
//关闭弹出层
function CloseDiv(show_div,bg_div)
undefined
document.getElementById("label").value = '';
document.getElementById(show_div).style.display='none';
document.getElementById(bg_div).style.display='none';
;
//关闭弹出层
function CloseDiv2()
undefined
document.getElementById("MyDiv").style.display='none';
document.getElementById("fade").style.display='none';
;
//===================================弹框js部分 end by:songfayuan=========================================
4、css部分
/* ===================================弹框css部分 start by:songfayuan========================================= */
.black_overlayundefined
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.50;
filter: alpha(opacity=50);

.white_content undefined
display: none;
position: absolute;
top: 35%;
left: 36%;
width: 33%;
border: 2px solid #d3d3d3;
background-color: white;
z-index: 1002;
/* overflow: auto; */

.white_content_small undefined
display: none;
position: absolute;
top: 20%;
left: 30%;
width: 40%;
height: 50%;
border: 16px solid lightblue;
background-color: white;
z-index:1002;
overflow: auto;