本實例要在窗口每次被加載的時候彈出一個廣告對話框。
本實例主要應(yīng)用 JavaScript 的 window 對象。
window 對象的常用方法
| 方法 | 說明 |
|---|---|
| alert() | 彈出一個警告對話框 |
| confirm() | 在確認(rèn)對話框中顯示指定的字符串 |
| prompt() | 彈出一個提示對話框 |
| close() | 關(guān)閉被引用的窗口 |
| focus() | 將被引用的窗口放在所有打開窗口的前面 |
| open() | 打開新瀏覽器窗口并且顯示由URL或名字引用的文檔,并設(shè)置創(chuàng)建窗口的屬性 |
| resizeTo(x,y) | 設(shè)置窗口的大小 |
| resizeBy(offsetx,offsety) | 按照指定的位移量設(shè)置窗口的大小 |
應(yīng)用 JavaScript 的 open()方法可以打開瀏覽器窗口。
使用 window 對象打開窗口的語法格式如下。
WindowVar = window.open(url,windowname,location);
參數(shù)說明如下:
對窗口屬性進(jìn)行設(shè)置的可選參數(shù)
| 屬性 | 說明 |
|---|---|
| width | 窗口的寬度 |
| height | 窗口的高度 |
| scrollbars | 是否顯示滾動條 |
| resizable | 設(shè)定窗口大小是否固定 |
| toolbar | 瀏覽器工具條,包括后退及前進(jìn)按鈕等 |
| menubar | 菜單條,一般包括有文件,編輯及其他一些條目 |
| location | 定位區(qū),也叫地址欄,是可以輸入URL的瀏覽器文本區(qū) |
| direction | 更新信息按鈕 |
實現(xiàn)過程
(1)首先創(chuàng)建用于彈出廣告信息的頁面,在該頁面中添加所要宣傳的廣告信息。
new.html
<html>
<head>
<title>打開新窗口顯示廣告信息</title>
<style type="text/css">
body{
background-image:url(new.jpg);
background-repeat:no-repeat;
}
</style>
</head>
<body></body>
</html>
(2)在 index.html 頁面寫上 JS 代碼實現(xiàn)功能
index.html
<html>
<head>
<meta charset="utf-8" />
<script type="text/jscript" language="javascript">
window.open("new.html","new","height=280,width=800,top=10,left=20,resizable=no, location=no",false);
</script>
<style type="text/css">
p{
font-size:24px;
color:#F00;
}
</style>
</head>
<body>
<p>網(wǎng)站首頁</p>
</body>
</html>
注:style 標(biāo)簽的內(nèi)容為 css 的知識,我們關(guān)注的是 script 標(biāo)簽內(nèi)的內(nèi)容。 這樣我們的這個實例就做好了。