在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ 打開新窗口顯示廣告信息
彈出的窗口之 Cookie 控制
打開新窗口顯示廣告信息
控制彈出窗口居中顯示
關(guān)閉彈出的窗口時,刷新父窗口
打開窗口特殊效果
動態(tài)顯示窗口
網(wǎng)頁拾色器
彈出網(wǎng)頁模式對話框
下降式瀏覽器
自動關(guān)閉的廣告窗口
頁面自動滾動
為彈出的窗口加入關(guān)閉按鈕
慢慢放大的窗口
定時打開窗口
彈出全屏顯示的網(wǎng)頁模式對話框
關(guān)閉 IE 主窗口時,不彈出詢問對話框
日期選擇器
通過按鈕創(chuàng)建窗口

打開新窗口顯示廣告信息

實例說明

本實例要在窗口每次被加載的時候彈出一個廣告對話框。

技術(shù)要點

本實例主要應(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ù)說明如下:

  1. WindowVar:當(dāng)前打開窗口的句柄。
  2. url:目標(biāo)窗口的URL。
  3. windowname:window:對象的名稱。
  4. location:對窗口屬性進(jìn)行設(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)容。 這樣我們的這個實例就做好了。