如何弹出公告窗口

时间 2021-01-29

标签 windows ide 工具测试 this spa htm seo 栏目 Windows 繁體版

原文原文链接

　你看到弹出的小窗口了吗？这就是常见的公告窗口。

　　有时咱们须要采用公告窗口来展现一些重要的信息，所谓公告窗口是指咱们浏览主页时，随主页面的加载而自动弹出的小窗口，公告窗口中通常会放上新闻、布告的信息。下面咱们看看怎样用几句简单的JavaScript语句来实现它。

　　源码粘贴框：

方法一：
在<head></head>之间插入以下一段JavaScript代码：
<script language="JavaScript">
<!--
var gt = unescape('%3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open('', 'popupnav', 'width=200,height=170,resizable=0,scrollbars=auto');
if (popup != null) {
if (popup.opener == null) {
popup.opener = self; 
}
popup.location.href = 'test.htm';
}
// -->
</script>
方法二：
直接在<body>与</body>插入以下一段代码：
<script language="JavaScript">
  window.open("test.htm","测试公告窗口","width=340,height=163,toolbar=0,status=0,menubar=0,resize=0");
</script>

　　方法是直接在<head>与</head>之间插入一段JavaScript代码(你能够选择上面两段之一，它们的做用是相同的)，其中windows.open()的做用是打开一个窗口，括号内的各项参数的用法咱们能够在下面表格中看到，咱们能够根据本身的须要设置各个参数的值。

窗口参数	参数介绍
toolbar=yes,no	是否显示工具条
location=yes,no	是否显示网址栏
directories=yes,no	是否显示导航条
status=yes,no	是否显示状态条
menubar=yes,no	是否显示菜单
scrollbars=yes,no	是否显示滚动条
resizable=yes,no	是否能够改变公告窗口大小
copyhistory=yes,no	是否显示历史按钮
width=300	公告窗口的宽
height=200	公告窗口的高
left=100	公告窗口的左上顶点距屏幕左边100像素
top=100	公告窗口的左上顶点距屏幕顶端100像素