Holen Sie sich die Webseite und lesen Sie durch JavaScript

Question

Hallo, ich habe eine kurze Frage, sagen Sie, dass Sie eine Verbindung zu einer Website und suchen Sie nach den Links, die es enthält, wie machst du das mit Javascript? Ich möchte so etwas wie dieses

Var everythingAdiffrentPageContains = //Go to some link ex www.msn.se and store it in this variable 

var pageLinks = []; var anchors = everythingAdiffrentPageContains.getElementsByTagName('a'); 
var numAnchors = anchors.length; 
for(var i = 0; i < numAnchors; i++) {  
    pageLinks.push(anchors[i].href); 
} 

tun können wir hier davon aus, dass wir Zugang Rechte an der Seite haben, so nicht ein Anliegen ist.

Mit anderen Worten möchte ich auf eine Website gehen und speichern Sie alle diese Websites Hyperlinks in einem Array, wie würden Sie das in Javascript tun?

Dank

EDIT seit Im wies darauf hin, nicht versucht, in einer anderen Domäne zu verbinden. Ich versuche, mich mit einem anderen Apache-Webserver in meinem LAN zu verbinden, der eine Website hostet, die ich nach Links durchsuchen möchte.

Unfornuatley Ich habe keine PHP auf meinem Webserver:/Aber ein einfaches Javascript wäre es

zum Beispiel tun, um X gehen: /folder/example.html

es lesen und speichern Sie die Links

Answer 1

Leider - Sie können dies nicht tun. "Wir können hier annehmen, dass wir Zugriffsrechte auf die Site haben" ... das ist aus JavaScript-Sicht eine falsche Annahme, wenn sich die Seite auf einer anderen Domain befindet. Sie können einfach nicht über JavaScript auf Inhalte einer anderen Domain zugreifen (nicht auf HTML-Inhalte). Es wird durch die same-origin policy verhindert, die aus verschiedenen Sicherheitsgründen vorhanden ist.

Answer 2

Ich empfehle Ihnen, ein JS-Framework zu verwenden, das Ihnen hilft, Elemente abzurufen und Sachen mit DOM leicht zu tun. Zum Beispiel Mootools Sie erreichen könnte dies zu schreiben einige Code wie folgt aus:

var req = new Request.HTML({ 
    url:'./retrieve.php?url=YOURURL', //create a server script to "retrieve" the html of another domain page  
    onSuccess: function(tree,DOMelements) { 
     var links = []; 
     DOMelements.getElements('a').each(function(element){ 
      links.push(element.get('href')); 
     }); 
    } 
}); 
req.send(); 

Die retrieve.php Seite beispielsweise auf diese Weise geschrieben werden sollte:

<?php 
    $url = $_GET['url']; 
    header('Content-type: application/xml'); 
    echo file_get_contents($url); 
?>