你看到弹出的小窗口了吗?这就是常见的公告窗口。
有时我们需要采用公告窗口来展示一些重要的信息,所谓公告窗口是指我们浏览主页时,随主页面的加载而自动弹出的小窗口,公告窗口中一般会放上新闻、布告的信息。下面我们看看怎样用几句简单的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像素 |
转载于:https://blog.51cto.com/100114/20863