Jquery 如何在特定文件中使用多个页面调用HTML文件？

我有一个包含多个页面的HTMl文件，如下所示。 如何从具有特定pageid的不同html文件调用此文件

调用示例：index.html/pageone还是page2

1） Index.html

<div data-role="page" id="page1" ">

         <div data-role="header"  data-position="fixed" data-theme="b">

         </div>

  <div data-role="main" class="ui-content" style="overflow:scroll;">


          <div data-role="footer" data-position="fixed"  >
            <h1>Advertisment - Footer </h1>
         </div>

</div>

<div data-role="page" id="pagetwo" style="overflow:scroll;">

         <div data-role="header"  data-position="fixed" data-theme="b">

         </div>

  <div data-role="main" class="ui-content" style="overflow:scroll;">


          <div data-role="footer" data-position="fixed"  >
            <h1>Advertisment - Footer </h1>
         </div>

</div>

---

听起来你应该学习一种服务器端模板语言，比如PHP或ASP.NET。如果你只想点击id本身的索引，可以使用ajax调用加载第二个html文件中感兴趣的部分。html#pageone其他请阅读上面的评论