如何从网址获取所有href链接

时间:2017-10-10 20:01:21

标签: javascript php jquery angularjs html5

我想从web url(url:http://localhost/test.php)包含文件中获取所有href链接,因为我已经包含了一个php文件(menulink.php) 我的脚本仅适用于href外部,如果条件仅检查href。

<a href="test.html" title="test"></a>
<a href="test1.html" title="test1"></a>
<a href="menulink1.html" title="menulink1"></a>
<a href="menulink2.html" title="menulink2"></a>

如果条件为真:

 <a href="test4.html" title="test4"></a>
 <a href="menulink3.html" title="menulink3"></a>

但我想同时获得其他条件(我需要所有href链接不考虑其他条件或任何条件)

缺少href链接:

<a href="http://www.google.com" title="test6"></a>
<a href="menulink5.html" title="menulink5"></a>
<a href="menulink6.html" title="menulink6"></a>

我该怎么做?你能从我的代码中解决吗? 这是我的代码:

的index.html

         $(document).ready(function(){

        var url = "http://localhost/links/test.php"; 
        var arr= null;
         $.post('load.php', { url: url,async: false},
            function(html) {
                $('#page').html(html);  
                var links = $('a');
                var title = $('a').attr('title');  

                var arr=[];
                for(var i=0; i < links.length; i++)
                {
                    arr.push(links[i]); 
                }
                console.log(arr); //all href links//  
        }  );

    });

test.php的

  <html>
  <head>
  <title>Test</title>
  </head>
  <body>
  <div>
  <?php include("menulink.php"); ?>

   <a href="test.html" title="test"></a>
   <a href="test1.html" title="test1"></a>
   <?php
   $result_array="123";
   if ($result_array=="123")
   {
   ?>
   <a href="test4.html" title="test4"></a>
   <?php 
   }
   else{
   ?>
   <a href="http://www.google.com" title="test6"></a>
   <?php
   } 
   ?>
   </div>
   </body>
   </html>

load.php

<?php
$url = $_POST['url'];
$html = file_get_contents($url);
echo $html;
?>

menulink.php

  <html>
  <head>
  <title>Test</title>
  </head>
  <body>
  <div>
  <a href="menulink1.html" title="menulink1"></a>
  <a href="menulink2.html" title="menulink2"></a> 
  <?php
  $result_array="123";
  if ($result_array=="123")
  {
  ?>
  <a href="menulink3.html" title="menulink3"></a>

  <?php 
  }
  else{
  ?>
  <a href="menulink5.html" title="menulink5"></a>
  <a href="menulink6.html" title="menulink6"></a>
  <?php
  }
  ?>

 </div>
 </body>
 </html>

我想获得所有href链接。不要考虑url document.please中的else条件或其他条件是否从我的代码中解析。

2 个答案:

答案 0 :(得分:0)

试试这个:

     $dom = new DOMDocument;
     $dom->validateOnParse = true;
     $dom->loadHTML($html);
     $links = array(); 
     foreach($dom->getElementsByTagName('a'); as $link) { 
        $links[] = $link->getAttribute('href'); 
     } 

答案 1 :(得分:0)

// Create DOM from URL or file //you have to include simple_html_dom.php form above link

$html = file_get_html('http://www.google.com/');



// Find all links 

您必须在load.php文件中执行此操作

         include("simple_html_dom.php");  // please make sure right location of file 
$url = $_POST['url'];
$html = file_get_html($url);
header('Content-Type: application/json');
$links = array(); 
foreach($html->find('a') as $element) {
    $links[] = $element->href;
    } echo json_encode($links);

并在jquery中获取这些链接

 $(document).ready(function(){

        var url = "http://localhost/links/test.php"; 
        //var arr= null;
         $.post('load.php', { url: url,async: false},
            function(html) {
                $('#page').html(html);  
                console.log(html);
        }  );

    });

HTML

        <html>
      <head>
      <title>Test</title>
      </head>
      <body>
      <div>


      <?php include("menulink.php"); ?>

       <a href="test.html" title="test"></a>
       <a href="test1.html" title="test1"></a>
       <?php
       get_links("123");
       get_links("321");
        function get_links($a){
            ?>
            <?php
       $result_array=$a;
       if ($result_array=="123")
       {
       ?>
       <a href="test4.html" title="test4"></a>
       <?php 
       }
       else{
       ?>
       <a href="http://www.google.com" title="test6"></a>
       <?php
       } 
       ?>
            <?php
        }
}
       ?>
       </div>
       </body>
       </html>