Dzwebs.Net

撰写电脑技术杂文十余年

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

Admin | 2015-8-10 7:33:34 | 被阅次数 | 6261

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

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


该杂文来自: 网页制作杂文

上一篇:支持html5的浏览器

下一篇:jquery实现两个同级的静态的DIV的嵌套

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计