你的位置:首页 > 软件开发 > ASP.net > 从html字符串中获取div内容

从html字符串中获取div内容

发布时间:2015-08-30 22:00:18
思考的问题:怎么在一个网页的div中嵌套另外的网页(不使用inclue,iframe和frame,不使用他们的原因,include只能嵌套静态网页,iframe对网络爬虫影响,frame嵌套网页无法获取父级页面信息,不够灵活)如果不想嵌套整个网页怎么办?(只是嵌套另外页面的部分内 ...

思考的问题:

  1. 怎么在一个网页的div中嵌套另外的网页(不使用inclue,iframe和frame,不使用他们的原因,include只能嵌套静态网页,iframe对网络爬虫影响,frame嵌套网页无法获取父级页面信息,不够灵活)
  2. 如果不想嵌套整个网页怎么办?(只是嵌套另外页面的部分内容)

回答(想法):

  1. 使用jqueryajax函数或者load函数可以获取网页内容,从而实现嵌套网页(获取到的网页内容是html字符串)
  2. 怎么从字符串中获取部分内容?

实践1:

index.html页面(在这个页面获取content页面的内容)

从html字符串中获取div内容从html字符串中获取div内容
 1 <html> 2   <head> 3     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 4     <title>使用jquery的ajax函数获取网页内容</title> 5     <style type="text/css"> 6       div{ 7         display: block; 8       } 9     </style>10   </head>11   <body>12     <div style="width: 100%; height: 100%;">13       <div id="divTop"></div>14       <div id="divLeft" style="width: 300px; float: left;">15         <input type="button" onclick="GetPageContent2('content1.html');" value="获取网页" />16       </div>17       <div id="content" style="width: 500px; float: left;">18         This is index.html;19         20       </div>21       <div id="divBotton"></div>22     </div>23   </body>24 </html>25 <script type="text/javascript" src='/images/loading.gif' data-original="../jquery/jquery-1.11.3.min.js" ></script>26 <script type="text/javascript">27   /*28    * 使用ajax方式获取网页内容(也可以使用load方式获取)29    * */30   //解决方案一31   function GetPageContent1(url) {32     $.ajax({33       type: 'get',34       url: url,  35       async: true,36       success: function(html) {37         $("#content").html(html);38       },39       error: function(errorMsg){40         alert(errorMsg);41       }42     })        43   }44   //解决方案二45   function GetPageContent2(url){46     /* 想知道更多的load方法信息,请查阅jquery api */47     $("#content").load(url);  48   }49 </script>

原标题:从html字符串中获取div内容

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。