您现在的位置是: 首页 -成人自考 >>IT专栏
如何弹出公告窗口
2007-12-6 15:55:05 来源:
 

 

你看到弹出的小窗口了吗?这就是常见的公告窗口。

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