制作弹出公告窗口

王朝other·作者佚名  2008-05-20
宽屏版  字体: |||超大  

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有