html网页自动弹窗公告代码javascript

JS调用代码如下：地址可以是绝对地址，也可以是当前地址

<script language="javascript"> window.open ("tanchuang.html","newwindow","height=500,width=400,top=200,left=700","location=yes,toolbar=yes,menubar=yes,scrollbars=yes"); //写成一行 </script>

JS代码各项参数解释：

参数解释： 
<SCRIPT LANGUAGE="java script"> js脚本开始； 
window.open 弹出新窗口的命令； 
page.html 弹出新窗口的文件名； 
newwindow 弹出窗口的名字（不是文件名），可用空 ″代替； 
height=100 窗口高度； 
top=0 窗口距离屏幕上方的像素值； 
left=0 窗口距离屏幕左侧的像素值； 
toolbar=no 是否显示工具栏，yes为显示； 
menubar,scrollbars 表示菜单栏和滚动栏； 
resizable=no 是否允许改变窗口大小，yes为允许； 
location=no 是否显示地址栏，yes为允许； 
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许； 
</SCRIPT> js脚本结束。

HTML代码如下（示例为tanchuang.html）：

<meta charset="utf-8">
<div class="webb_notice">
    <div>
<h3>网站公告</h3>
<div style="text-align:center;color:#000;">旧域名：aiyuai.cn 将于12月失效<br>新域名：aiyuai.cn 请重新收藏！<br>以免找不到！感谢您的关注！</div>
<a onclick="javascript:document.querySelector('.web_notice').remove()" style="color:#ffffff;">朕知道了</a>
    </div>
</div>
<style>
.webb_notice {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: ;: 99999;
display: flex;
align-items: center;
justify-content: center;
}

.webb_notice > div {
width: 300px;
background: #ff5f00;
border-radius: 48px;
padding: 50px 40px;
text-align: center;
}

.webb_notice h3 {
    color: red;
font-weight: bold;
text-align: center;
font-size: 30px;
}

.webb_notice div {
font-size: 16px;
margin-top: 26px;
line-height: 30px;
color: #999;
text-align: center;
}

.webb_notice a {
display: block;
background: #98a3ff;
color: #FFF;
text-align: center;
font-weight: bold;
font-size: 19px;
line-height: 60px;
margin: 0 auto;
margin-top: 45px;
border-radius: 32px;
width: 80%;
}
@media (max-width: 768px){
.web_notice > div {
    width: 80%;
 }
}
</style>

复制可直接使用。也可自行调整修改！