Wie man einer entfernten Web-Seite mit JavaScript

January 28

Wie man einer entfernten Web-Seite mit JavaScript

JavaScript ist eine einfache Programmiersprache, die in der Regel direkt in Webseiten, ausgeführt, wenn in einem Webbrowser geladen und kann Aufgaben wie das Öffnen von entfernten Webseiten eingebettet ist. JavaScript hat den Zugriff auf Browser-Objekte, die die Art und Weise, die der Webbrowser verhält ändern können, die und DOM-Objekten, die die W3C-DOM-Eigenschaften und Methoden zugreifen können und integrierte Objekte, die eine Vielzahl von Aufgaben ausführen können. JavaScript bietet auch eine Vielzahl von eingebauten Ereignisse, die auf Benutzerinteraktionen reagieren können.

Anweisungen

Öffnen eine Seite mit dem Window-Objekt

1 Öffnen Sie einen Texteditor, und erstellen Sie eine neue Datei. Geben Sie einige HTML-Code in die Datei, die eine Nachricht auf den Bildschirm, die erklärt schreibt, dass dies eine Seite mit JavaScript aufgerufen wird. Name der Seite windowRemotePage.html. Speichern und Schließen von windowRemotePage.html.

< html >

< Head >

< / head >

< Körper >

< h1 > Dies ist eine entfernte Seite aufgerufen, weil Sie die JavaScript Window Objekt. < / h1 >

< / body >

< / html >

2 Öffnen Sie den Text-Editor und erstellen Sie eine neue Datei. Geben Sie ein "< html >" offenen Tag und ein "< / html >" Tag, ein "< Head >" offene-Tag und "< / Head >" Endezeichen und eine offene "< Body >"-Tag ein "< / body >" enger-Tag in der Datei zu schließen. Platzieren Sie ein offenes "< Skript-Typ =" Text/Javascript">" Tag und eine enge "< / script >" Tag zwischen den "< Head >" und "< / head >" Markierungen. "< Script >" und "< / script >" Schlagwörter anzugeben, wo den JavaScript-Code platzieren. Speichern Sie die Datei als "winLoc.html" am gleichen Speicherort wie windowRemotePage.html.

< html >

< Head >

< Skript-Typ = "Text/Javascript" >

< / script >

< / head >

< Körper >

< / body >

< / html >

3 Bearbeiten Sie winLoc.html. Platzieren Sie den JavaScript-Code, der öffnet eine Seite zwischen "< Script >" und "< / script >" Markierungen. Dieser Code weist das Window-Objekt für die angegebene Seite (windowRemotePage.html) seine Lage fest. Speichern Sie winLoc.html.

< html >

< Head >

< Skript-Typ = "Text/Javascript" >

Window.Location="windowRemotePage.html" < / script >

< / head >

< Körper >< / body >

< / html >

4 Öffnen Sie winLoc.html in einem Webbrowser. Der window.location-Code wird ausgeführt, und windowRemotePage.html wird geöffnet und angezeigt.

Öffnen einer Seite mit Hilfe des Document-Objekts

5 Öffnen Sie einen Texteditor, und erstellen Sie eine neue Datei. Geben Sie einige HTML-Code in die Datei, die eine Nachricht auf den Bildschirm, die erklärt schreibt, dass dies eine Seite mit JavaScript aufgerufen wird. Name der Seite documentRemotePage.html. Speichern und Schließen von documentRemotePage.html.

< html >

< Head >

< / head >

< Körper >

< h1 > Dies ist eine entfernte Seite geöffnet mit einem JavaScript-Dokument-Objekt. < / h1 >

< / body >

< / html >

6 Öffnen Sie den Text-Editor und erstellen Sie eine neue Datei. Geben Sie ein "< html >" offenen Tag und ein "< / html >" Tag, ein "< Head >" offene-Tag und "< / Head >" Endezeichen und eine offene "< Body >"-Tag ein "< / body >" enger-Tag in der Datei zu schließen. Speichern Sie die Datei als docLoc.html in demselben Speicherort wie documentRemotePage.html.

< html >

< Head >

< / head >

< Körper >

< / body >

< / html >

7 DocLoc.html bearbeiten und Hinzufügen eines Ereignisses "onload()" zu "< Body >"-Tag. Das Ereignis onload() legt das Dokument Lage auf documentRemotePage.html, wenn die Seite der "< body >" tag-Lasten in einem Webbrowser. Speichern und Schließen von docLoc.html.

< html >

< Head >

< / head >

< onload="document.location='documentRemotePage.html Körper '" >

< / body >

< / html >

8 Öffnen Sie docLoc.html in einem Webbrowser. Das onload()-Ereignis wird ausgelöst, wenn die Seite geladen und documentRemotePage.html öffnen und anzeigen.

Eine Seite öffnen in einem neuen Browserfenster

9 Öffnen Sie einen Texteditor, und erstellen Sie eine neue Datei. Geben Sie einige HTML-Code in die Datei, die eine Nachricht auf den Bildschirm, die erklärt schreibt, dass dies die Seite mit JavaScript aufgerufen wird. Name der Seite newWindowRemotePage.html. Speichern und Schließen von newWindowRemotePage.html.

< html >

< Head >

< / head >

< Körper >

< h1 > Dies ist eine entfernte Seite eröffnete ein neues Fenster mit JavaScript. < / h1 >

< / body >

< / html >

10 Öffnen Sie den Text-Editor und erstellen Sie eine neue Datei. Geben Sie ein "< html >" offenen Tag und ein "< / html >" Tag, ein "< Head >" offene-Tag und "< / Head >" Endezeichen und eine offene "< Body >"-Tag ein "< / body >" enger-Tag in der Datei zu schließen. Platzieren Sie ein offenes "< Skript-Typ =" Text/Javascript">" Tag und eine enge "< / script >" Tag zwischen den "< Head >" und "< / head >" Markierungen. "< Script >" und "< / script >" Schlagwörter anzugeben, wo den JavaScript-Code platzieren. Speichern Sie die Datei als "winOpenLoc.html" am gleichen Speicherort wie newWindowRemotePage.html.

< html >

< Head >

< Skript-Typ = "Text/Javascript" >

< / script >

< / head >

< Körper >

< / body >

< / html >

11 Bearbeiten Sie winOpenLoc.html. Platzieren Sie eine JavaScript-Funktion, die die entfernte Seite zwischen "< Script >" wird geöffnet und "< / script >" Markierungen. Diese Funktion mit dem Namen "MyNewWindow," öffnet die URL in einem neuen Fenster mit bestimmten Attributen beim Aufruf. Speichern Sie winOpenLoc.html.

< html >

< Head >

< Skript-Typ = "Text/Javascript" >

Funktion myNewWindow() {}

Window.Open('newWindowRemotePage.html','mywin','left=20,Top=20,Width=500,Height=500,Toolbar=1,Resizable=0');

}

< / script >

< / head >

< Körper >

< / body >

< / html >

12 Weiterbearbeiten Sie winOpenLoc.html. Fügen Sie eine Schaltfläche zwischen "< Körper >" und "< / body >" Tags, die die "onClick()"-Methode verwendet, die "myNewWindow()"-Funktion aufrufen. Geben Sie der Schaltfläche den Titel "Klicken Sie auf mich".

< html >

< Head >

< Skript-Typ = "Text/Javascript" >

Funktion myNewWindow() {}

Window.Open('newWindowRemotePage.html','mywin','left=20,Top=20,Width=500,Height=500,Toolbar=1,Resizable=0');

}

< / script >

< / head >

< Körper >

< onclick="myNewWindow() Taste" > Klick mich < / Taste >

< / body >

< / html >

13 Öffnen Sie winOpenLoc.html in einem Webbrowser. Wenn die Seite geladen wird, klicken Sie auf die Schaltfläche "onClick()"-Ereignis ausgelöst, und rufen Sie die Funktion "myNewWindow()". Die Datei "newWindowRemotePage.html" öffnen und mit den Attributen des angegebenen Fensters anzuzeigen.

Tipps & Warnungen

  • JavaScript kann verwendet werden, um zu lesen und den Inhalt des remote-Dateien.
  • JavaScript kann verwendet werden, um Seiten zu öffnen, die nicht in demselben Speicherort wie die aufrufende Seite sind. Um Seiten auf anderen Hosts zu öffnen, verwenden Sie die absolute URL.
  • Erwägen Sie Rahmen, wenn entfernte Seiten angezeigt, ob es angesichts die Benutzeroberfläche sinnvoll.
  • Einige Benutzer können JavaScript in ihrem Webbrowser zu deaktivieren. Denken Sie daran und message Benutzer entsprechend, wenn die Benutzeroberfläche stark auf JavaScript angewiesen ist.