WEB开发网
开发学院网页设计JavaScript 制作弹出公告窗口 阅读

制作弹出公告窗口

 2010-09-14 13:02:40 来源:WEB开发网   
核心提示:有时我们需要采用公告窗口来展示一些重要的信息,所谓公告窗口是指我们浏览主页时,制作弹出公告窗口,随主页面的加载而自动弹出的小窗口,公告窗口中一般会放上新闻、布告的信息,其中windows.open()的作用是打开一个窗口,括号内的各项参数的用法我们可以在下面表格中看到,下面我们看看怎样用几句简单的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像素

Tags:制作 公告 窗口

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接