本文詳細介紹制作彈出公告窗口
有時我們需要采用公告窗口來展示一些重要的信息,所謂公告窗口是指我們瀏覽主頁時,隨主頁面的加載而自動彈出的小窗口,公告窗口中一般會放上新聞、布告的信息。下面我們看看怎樣用幾句簡單的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像素