jquery mobile 是一個基於html，js，css而進行開發的手機框架工具，即是，類似一個網站一般，多個html，jquery實現參數傳遞，部分特效效果等，css實現UI和部分特效；和網站的區別就是應爲是手機客戶端開發，所以沒有服務器腳本語言。
既然是html，就會有head，body等標籤，
jq mobile 的框架在進入app時，有mobileinit的事件，不過這個時間要在jquery.js引入，但是jquery mobile還沒引入時就定義，就是
<script src="jquery.js"></script>
<script src="myscript.js"></script>
<script src="jquery-mobile.js"></script>
這個框架的特點是，在進入app的第一個html的時候，的<head></head>標籤的內容是加載（也就是被執行）的，其他html裏的head標籤是不被執行的，當然，window.location.href='second.html',這樣的js原生態寫法，把頁面重新徹底跳轉一次，head標籤就會被再次執行；否則，jquery mobile 裏的<a href='second.html'></a>標籤也好，$.mobile.changePage('second.html',{transition:"slide"})也罷，都是不會再次執行head標籤的內容的。
可能讀者會問，那有時候不想引進所有的js，在執行到某些頁面的時候，再加載這些特定的js，也就是按需加載；這又如何處理呢？
要解決這個問題，先來在看看jq mobile的機制。
在每個html裏，都會有
<body>
<div data-role="page">
<div data-role="header" data-theme="b">... ...</div>
<div data-role="content">... ...</div>
<div data-role="footer">... ...</div></div>筆者研究發現，jquery mobile的頁面裏，最多有兩個<div data-role="page"></div>，在這兩個div裏面，第二次出現的div裏會有data-external-page="true"這個屬性，而且，第一個進入的div是永遠停留在那裏，不會被替換，也就是說，引入新的頁面，都是在第二個<div
data-role="page"></div>（帶有data-external-page="true"這個屬性）的div層裏進行替換加載；可以做個分類，有12345個頁面，從小到大連接過去，那麼1一直都佔着一個<div
data-role="page"></div>，2345就在不停的替換第二個<div data-role="page"></div>；這個說的深入了。
那如何按需加載呢？當我們把要進入的js寫在新的html的<div
data-role="page"></div>裏面就可以，就是
<div data-role="page">
<script src="my.js"></script></div>$(document).bind('pagebeforechange',function(e,data){... ...});$(document).bind('pagebeforechange',function(e,data){
if (typeof data.toPage !== "string"){
return;
}
... ...
});