制作弹出公告窗口
发表于:2007-07-01来源:作者:点击数:
标签:
有时我们需要采用公告窗口来展示一些重要的信息,所谓公告窗口是指我们浏览主页时,随主页面的加载而自动弹出的小窗口,公告窗口中一般会放上新闻、布告的信息。下面我们看看怎样用几句简单的 Java Script语句来实现它。 方法一: 在head/head之间插入如下一
有时我们需要采用公告窗口来展示一些重要的信息,所谓公告窗口是指我们浏览主页时,随主页面的加载而自动弹出的小窗口,公告窗口中一般会放上
新闻、布告的信息。下面我们看看怎样用几句简单的
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像素
原文转自:http://www.ltesting.net