虽然在一个页面中，可以借助容器的框架实现多种页面的显示，但是，把全部代码写在一个页面中会延缓页面被加载的时间，使代码冗余，且不利于功能的分工与维护的安全性。因此，在jQuery Mobile中，可以采用开发多个页面并通过外部链接的方式，实现页面相互切换的效果。下面通过一个简单的实例来介绍它是如何实现的。
实例2-3 jQuery Mobile外部页面链接切换
1. 功能说明
在实例2-2的基础上，在Id号为“w1”的第二个容器中添加一个<em>元素。在该元素中显示“rttop.cn 提供”字样。单击“rttop.cn”文本链接时，将以外部页面链接的方式加载一个名为“about.htm”的HTML页面。
2. 实现代码
新建一个HTML页面2-3.htm，加入代码如代码清单2-3所示。
代码清单2-3 jQuery Mobile外部页面链接切换
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile 外部页面链接</title>
<meta name="viewport" content="width=device-width,
initial-scale=1" />
<link href="Css/jquery.mobile-1.0.1.min.css"
rel="Stylesheet" type=&qu
阅读全文地址：
http://book.2cto.com/201210/6088.html
