Come ottenere una pagina Web remoto con JavaScript

February 3

Come ottenere una pagina Web remoto con JavaScript


JavaScript è un linguaggio di programmazione leggero che viene in genere inserito direttamente nelle pagine web, eseguito quando caricato in un browser web ed è in grado di svolgere compiti come l'apertura di pagine web remote. JavaScript ha la possibilità di accedere a oggetti del browser che possono alterare il modo in cui il browser web si comporta, oggetti DOM in grado di accedere alle proprietà del W3C DOM e metodi, e oggetti incorporati in grado di eseguire una vasta gamma di attività comuni. JavaScript offre anche una varietà di eventi incorporati che possono rispondere all'interazione dell'utente.

istruzione

Apertura di una pagina con l'oggetto finestra

1 Aprire un editor di testo e creare un nuovo file. Digitare il codice HTML nel file che scrive un messaggio sullo schermo che spiega che si tratta di una pagina essere chiamato utilizzando JavaScript. Nome pagina windowRemotePage.html. Salvare e chiudere windowRemotePage.html.

<Html>

<Head>

</ Head>

<Body>

<H1> Questa è una pagina remota chiamata utilizzando l'oggetto finestra di JavaScript. </ H1>

</ Body>

</ Html>

2 Riaprire l'editor di testo e creare un nuovo file. Digitare un "<html>" tag aperto e un "</ html>" tag di chiusura, un "<head>" tag aperto e un "</ head>" tag di chiusura, e un "<body>" tag aperto e un "</ body>" tag di chiusura nel file. Inserire un aperto "<script type =" text / javascript ">" tag e una stretta "<script />" tag tra i "<head>" e "</ head>" tag. I "<script>" e "</ script>" tag indicano dove posizionare il codice JavaScript. Salvare il file come "winLoc.html" nella stessa posizione come windowRemotePage.html.

<Html>

<Head>

<Script type = "text / javascript">

</ Script>

</ Head>

<Body>

</ Body>

</ Html>

3 Modifica winLoc.html. Inserire il codice JavaScript che apre una pagina tra le "<script>" e "</ script>" tag. Questo codice indica l'oggetto finestra per impostare la sua posizione alla pagina indicata (windowRemotePage.html). Salva winLoc.html.

<Html>

<Head>

<Script type = "text / javascript">

window.location = "windowRemotePage.html" </ script>

</ Head>

<Body> </ body>

</ Html>

4 Aprire winLoc.html in un browser web. Il codice window.location eseguirà e windowRemotePage.html si aprirà e visualizzazione.

Apertura di una pagina utilizzando il Document Object

5 Aprire un editor di testo e creare un nuovo file. Digitare il codice HTML nel file che scrive un messaggio sullo schermo che spiega che si tratta di una pagina essere chiamato utilizzando JavaScript. Nome pagina documentRemotePage.html. Salvare e chiudere documentRemotePage.html.

<Html>

<Head>

</ Head>

<Body>

<H1> Questa è una pagina remota aperto utilizzando l'oggetto documento JavaScript. </ H1>

</ Body>

</ Html>

6 Riaprire l'editor di testo e creare un nuovo file. Digitare un "<html>" tag aperto e un "</ html>" tag di chiusura, un "<head>" tag aperto e un "</ head>" tag di chiusura, e un "<body>" tag aperto e un "</ body>" tag di chiusura nel file. Salvare il file come docLoc.html nella stessa posizione come documentRemotePage.html.

<Html>

<Head>

</ Head>

<Body>

</ Body>

</ Html>

7 Modifica docLoc.html e aggiungere un "onload ()" evento al tag "<body>". L'evento onload () imposta la posizione del documento documentRemotePage.html quando la pagina del "<body>" tag carichi in un browser web. Salvare e chiudere docLoc.html.

<Html>

<Head>

</ Head>

<Body onload = "document.location = 'documentRemotePage.html'">

</ Body>

</ Html>

8 Aprire docLoc.html in un browser web. L'evento onload () attiverà al caricamento della pagina e documentRemotePage.html si aprirà e visualizzazione.

Apertura di una pagina in una nuova finestra del browser

9 Aprire un editor di testo e creare un nuovo file. Digitare il codice HTML nel file che scrive un messaggio sullo schermo che spiega che questa è la pagina che è chiamato utilizzando JavaScript. Nome pagina newWindowRemotePage.html. Salvare e chiudere newWindowRemotePage.html.

<Html>

<Head>

</ Head>

<Body>

<H1> Questa è una pagina remota aperto in una nuova finestra utilizzando JavaScript. </ H1>

</ Body>

</ Html>

10 Riaprire l'editor di testo e creare un nuovo file. Digitare un "<html>" tag aperto e un "</ html>" tag di chiusura, un "<head>" tag aperto e un "</ head>" tag di chiusura, e un "<body>" tag aperto e un "</ body>" tag di chiusura nel file. Inserire un aperto "<script type =" text / javascript ">" tag e una stretta "<script />" tag tra i "<head>" e "</ head>" tag. I "<script>" e "</ script>" tag indicano dove posizionare il codice JavaScript. Salvare il file come "winOpenLoc.html" nella stessa posizione come newWindowRemotePage.html.

<Html>

<Head>

<Script type = "text / javascript">

</ Script>

</ Head>

<Body>

</ Body>

</ Html>

11 Modifica winOpenLoc.html. Posizionare una funzione JavaScript che apre la pagina remota tra i "<script>" e "</ script>" tag. Questa funzione, denominata "myNewWindow," si apre l'URL in una nuova finestra con attributi specifici quando viene chiamato. Salva winOpenLoc.html.

<Html>

<Head>

<Script type = "text / javascript">

Funzione myNewWindow () {

window.open('newWindowRemotePage.html','mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0');

}

</ Script>

</ Head>

<Body>

</ Body>

</ Html>

12 Continuare a modificare winOpenLoc.html. Aggiungere un pulsante tra il "<body>" e "</ body>" tag che utilizza il metodo "onclick ()" per chiamare il "myNewWindow) (" la funzione quando si fa clic. Dare il pulsante il titolo "Click Me".

<Html>

<Head>

<Script type = "text / javascript">

Funzione myNewWindow () {

window.open('newWindowRemotePage.html','mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0');

}

</ Script>

</ Head>

<Body>

<Button onclick = "myNewWindow ()"> Click Me </ button>

</ Body>

</ Html>

13 Aprire winOpenLoc.html in un browser web. Quando il caricamento della pagina, fare clic sul pulsante per attivare la "onclick ()" evento e chiamare il "myNewWindow) (" la funzione. Il file "newWindowRemotePage.html" si apre e visualizza con attributi la finestra specificata.

Consigli e avvertenze

  • JavaScript può essere utilizzato per leggere e visualizzare il contenuto dei file remoti.
  • JavaScript può essere utilizzato per aprire le pagine che non sono nella stessa posizione come pagina chiamante. Per aprire le pagine su altri host, utilizzare l'URL assoluto.
  • Considerare l'utilizzo di frame durante la visualizzazione di pagine remote se ha un senso dato l'interfaccia utente.
  • Alcuni utenti possono scegliere di disabilitare JavaScript nel browser web. Tenere questo in mente gli utenti e il messaggio in modo appropriato se l'interfaccia utente si basa fortemente su JavaScript.