DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 訓練題(1)點擊網頁打開廣告窗口
訓練題(1)點擊網頁打開廣告窗口
編輯:JavaScript基礎知識     

    廣告是非常普遍的一種廣告形式,有些網頁例如“電影天堂”。在你打開頁面之後,無論你點擊那裡,都會打開一個新的廣告窗口。這是強迫性的一種廣告方式。這裡大家可以試著實現一下:打開頁面之後,點擊網頁,會新開一個高度和寬度都是300px的廣告窗口。廣告只會展示一次,也就是說第2次點擊網頁就不會再開了(不然這種廣告沒完沒了~(>_<)~)。

    實現代碼如下:

    在線測試
     
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
    </head>
    <body>
        <p>點擊頁面任何地方,都會彈出廣告窗口!</p>
        <script type="text/javascript">
            //設置標識
            var flag = 0;
            document.onclick = function () {
                if(flag==0){
                    window.open("http://www.xxxxx.com", "", "width=300,height=300");
                    flag = 1;
                }
            }
        </script>
    </body>
    </html>
    

    當我們點擊頁面的時候,就會彈出新窗口如下:

    分析:

    這裡使用了鼠標單擊事件、打開窗口等技術。這裡使用了flag變量作為標識,使得窗口只彈出一次。

    XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
    Copyright © DIV+CSS佈局教程網 All Rights Reserved