思考的问题:怎么在一个网页的div中嵌套另外的网页(不使用inclue,iframe和frame,不使用他们的原因,include只能嵌套静态网页,iframe对网络爬虫影响,frame嵌套网页无法获取父级页面信息,不够灵活)如果不想嵌套整个网页怎么办?(只是嵌套另外页面的部分内 ...
思考的问题:
- 怎么在一个网页的div中嵌套另外的网页(不使用inclue,iframe和frame,不使用他们的原因,include只能嵌套静态网页,iframe对网络爬虫影响,frame嵌套网页无法获取父级页面信息,不够灵活)
- 如果不想嵌套整个网页怎么办?(只是嵌套另外页面的部分内容)
回答(想法):
- 使用jquery的ajax函数或者load函数可以获取网页内容,从而实现嵌套网页(获取到的网页内容是html字符串)
- 怎么从字符串中获取部分内容?
实践1:
index.html页面(在这个页面获取content页面的内容)
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
(#换成@)。