六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

jquery实现a.html读取并显示b.html中指定的内容

Admin | 2015-8-10 7:33:34 | ReadNums | 2645 | 标签 网页制作 | 打印本页
     

  使用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>


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日