1、在開發行動裝置 App時,對需要連結的頁面進行預先載入是十分有必要的。因為當一個連結版面設定成為預先載入方式時,在當前頁面載入完成之後,目標頁面也被自動載入到當前文檔中,使用者單擊就可以馬上開啟,大大加快了頁面訪問的速度。 2、設定連結頁面預先載入,在<a>標籤中添加data-prefetch屬性,並將屬性值設為true。在JQuery Mobile中要實現頁面的預先載入,另外一種方法是調用JavaScript代碼中的全域性方法$.mobile.loadPage(),其效果跟data-prefetch一樣。 3、範例程式碼: <!DOCTYPE HTML ><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <meta name="viewport" content="width=device-width,initial-scale=1"/> <link href="Css/jquery.mobile-1.2.0.min.css" rel="Stylesheet" type="text/css"/> <script src="Js/jquery-1.8.3.min.js" type"text/javascript"></script> <script src="Js/jquery.mobile-1.2.0.min.js" type="text/javascript"></script> </HEAD> <BODY> <div data-role="page"> <div data-role="header"><h1>預先載入頁</h1></div><div data-role="content"> <p><a href="about.html"rel="external" data-prefetch="ture">點擊進入</a></p></div><div data-role="footer"><h1>@2013 3i studio</h1></div> </div> </BODY></HTML> 4、預覽: 5、通過預先載入方式,目標頁面已注入當前頁面: