电子表mt是什么意思

書名：構(gòu)建跨平臺APP：jQuery Mobile移動應(yīng)用實戰(zhàn)（第2版）（跨平臺移動開發(fā)叢書）
作者名：李柯泉
本章字?jǐn)?shù)： 429字
更新時間： 2020-11-28 23:45:48

4.5 警告！你的手機(jī)遭到入侵

剛剛完成了上一節(jié)的實例，本節(jié)中再介紹一種在APP中整蠱的玩法，不過這一次我們要扮演的角色是黑客。

【范例4-9 你的手機(jī)已被入侵】

        01    <! DOCTYPE html>
        02
        03    <head>
        04    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        05    <meta name="viewport" content="width=device-width, initial-scale=1">
        06   <title>遭到入侵的手機(jī) </title>
        07    <link rel="stylesheet" href="jquery.mobile.min.css" />
        08    <script src="jquery-2.1.4.min.js"></script>
        09    <script src="jquery.mobile.min.js"></script>
        10    <! --<script type="text/javascript" src="cordova.js"></script>-->
        11    <script type="text/javascript">
        12    $(document).ready(function(){
        13        alert("警告！你的手機(jī)已被入侵");
        14        setInterval(function(){     //使用計時器
        15             alert("警告！你的手機(jī)已被入侵");
        16        },3000); //設(shè)置間隔為3秒，注意這里不要把間隔設(shè)得太短，否則在PC上測試時無法關(guān)閉瀏覽器
        17         });
        18    </script>
        19    </head>
        20    <body>
        21         <div data-role="page" data-theme="a">
        22             <! --這里面可以再加一點內(nèi)容，比如說：hello world-->
        23        </div>
        24    </body>
        25    </html>

運行效果如圖4-10所示。

圖4-10 運行效果

其中的setInterval()計時器在本章4.2節(jié)已經(jīng)介紹過，而alert()也同樣使用過，這里單獨把它拿出來是因為筆者認(rèn)為這樣的對話框在今后的實際開發(fā)中非常重要。

請讀者掏出自己的手機(jī)，以最快的速度登錄手機(jī)QQ然后退出，這時是不是會彈出一個對話框確認(rèn)是不是真的要退出呢？仔細(xì)觀察這個對話框與上一節(jié)中介紹過的dialog控件有何不同。

沒錯！這個對話框彈出后，頁面仍然保持在當(dāng)前頁面而沒有發(fā)生跳轉(zhuǎn)，這在應(yīng)用中進(jìn)行確認(rèn)操作時非常實用。

最后希望讀者在完成本節(jié)的學(xué)習(xí)之后，能夠在自己的手機(jī)中找一找這兩種對話框的例子，從而加深理解。

官术网_书友最值得收藏!

構(gòu)建跨平臺APP：jQuery Mobile移動應(yīng)用實戰(zhàn)（第2版） （跨平臺移動開發(fā)叢書）

4.5 警告！你的手機(jī)遭到入侵

構(gòu)建跨平臺APP：jQuery Mobile移動應(yīng)用實戰(zhàn)（第2版）（跨平臺移動開發(fā)叢書）