Come leggere iFrame contenuti in JavaScript

April 23

Come leggere iFrame contenuti in JavaScript


Con il metodo getElementById di JavaScript, i programmatori possono controllare e modificare i dettagli intimi degli oggetti che compongono una pagina Web. GetElementById accede alla struttura interna della pagina Web, chiamato Document Object Model o DOM. Un programmatore può anche accedere al contenuto dei documenti all'interno di documenti, come cornici o iframe, utilizzando la proprietà innerHTML DOM. Per motivi di sicurezza, alcuni browser non permetteranno l'accesso DOM di iFrame memorizzati in locale sul proprio computer. Per garantire che i vostri script funzionare sulla maggior parte dei browser Web, è necessario caricare i file su un server Web.

istruzione

1 Avviare l'applicazione editor di testo che è disponibile sul computer.

2 Inserire il codice seguente nel editor di testo.

<Html>

<Head>

<Html>

<Head>

</ Head>

<Body>

<Script type = "text / javascript">

Funzione IframeContent ()

{

// get the page object data for the iframe with the id "myIframe"

var Iframehandle = document.getElementById ( 'myIframe');

// Ottenere il testo dal iframe accedendo oggetto di dati del frame.

// InnerHTML ottiene i contenuti piuttosto che il codice html

contenuti var = Iframehandle.contentWindow.document.body.innerHTML;

// Mettere il contenuto del iframe nella <div> con l'ID "test"

. Document.getElementById ( 'test') innerHTML = tenore;

}

</ Script>

<Iframe id = "myIframe" onclick = "IframeContent ()" value = "Mostra ciò che c'è nella iframe">

<Div id = "test"> Blank </ div>

</ Body>

</ Html>

3 Fare clic sul menu File. Selezionare l'opzione "Salva". Salvare sotto il nome del file "test.html."

4 Fare clic sul menu File. Selezionare l'opzione "Nuovo". Digitare il seguente codice nella nuova finestra di editor di testo.

<Html>

<Head>

</ Head>

<Body>

Questo è l'iframe

</ Body>

</ Html>

5 Fare clic sul menu File. Selezionare l'opzione "Salva". Salvare sotto il nome del file "frame.html."

6 Avviare l'applicazione FTP e accedere al server Web. Carica il file "test.html" e "frame.html" nella directory principale del server.

7 Fare clic sul pulsante "Disconnect" dell'applicazione FTP.

8 Avviare un browser Web e digitare l'URL appropriato per accedere al file di test. Ad esempio, immettere:

http://yourdomainname.com/test.html

Sostituire "yourdomainname.com" con il nome di dominio o l'indirizzo IP del server Web.

9 Premere il tasto "Enter" per caricare l'URL ed eseguire il file di prova. Fare clic sul pulsante con la "Mostra Cosa c'è nella iFrame" testo per testare lo script.

Consigli e avvertenze

  • È possibile creare un ambiente Web-server sul proprio computer scaricando e installando XAMPP o EasyPHP. Entrambi i pacchetti verranno installati automaticamente e configurare il server Web Apache, linguaggio di scripting PHP, database MySQL e un server FTP. EasyPHP è solo per i sistemi operativi Windows; XAMPP funziona su Windows, Mac OS X e Linux. Questi pacchetti consentono di testare i propri script, senza dover passare attraverso il salvataggio, caricati, di prova, salvare, ri-upload e ciclo di prova. Inoltre, XAMPP e EasyPHP non fanno modifiche permanenti al sistema. Se si decide che non è più necessario, essi possono essere facilmente disinstallato.
  • Ciascuno dei principali browser Web può eseguire codice JavaScript valida in modo diverso o non del tutto. Anche differenti versioni dello stesso browser a volte eseguire lo stesso codice diverso. La maggior parte dei browser moderni hanno JavaScript segnalazione degli errori e debug utilità installati o disponibili come add-on, plug-in o estensioni che possono aiutare a sviluppare codice funzionante. Verificare sempre il codice su diversi browser e le versioni precedenti dello stesso browser al fine di garantire le opere di codice come previsto.

Articoli Correlati