制作弹出公告窗口


有时我们需要采用公告窗口来展示一些重要的信息,所谓公告窗口是指我们浏览主页时,随主页面的加载而自动弹出的小窗口,公告窗口中一般会放上新闻、布告的信息。下面我们看看怎样用几句简单的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像素

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3