使用jquery的时候,我们可以让打开的页面,读取另外一个页面中的指定的内容,显示到本页面中。
比如,打开的页面为a.html,那么,我们可以让a.html去读取b.html这个页面的内容,显示到a.html页面指定的位置。
下面是代码,相当简单。
一、jquery代码
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("b.html #D1");
});
});
其中,b.html #D1找到的是b.html页面中的ID为D1的div对象。
假设,b.html中的HTML代码内容为:
<div id="D1">dzwebs</div>
<div id="D2">dz37w</div>
二、a.html的HTML代码
<div id="div1"><h2>原来的内容</h2></div>
<button>点击读取内容</button>