点击这里给我发消息 点击这里给我发消息

制作弹出公告窗口

添加时间:2010-1-5
    相关阅读: 页面 JavaScript 制作

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

本文作者:
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册