网页教学网
 当前位置: 网页教学网 >> 网页制作 >> JavaScript技术应用 >> 阅读:制作弹出公告窗口
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

制作弹出公告窗口

http://www.webjx.com  更新日期:2005-02-24 09:24  出处:网页教学网  作者:
有时我们需要采用公告窗口来展示一些重要的信息,所谓公告窗口是指我们浏览主页时,随主页面的加载而自动弹出的小窗口,公告窗口中一般会放上新闻、布告的信息。下面我们看看怎样用几句简单的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像素
关键词:
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为