Con metodo getElementById di JavaScript, i programmatori possono controllare e modificare i dettagli intimi degli oggetti che compongono una pagina Web. GetElementById accede il quadro interno della pagina Web, chiamato il Document Object Model o Dom. Un programmatore può anche accedere al contenuto dei documenti all'interno di documenti, ad esempio frame o iframe, mediante la proprietà DOM innerHTML. Per motivi di sicurezza, alcuni browser non consente l'accesso DOM a iFrames memorizzati localmente sul tuo computer. Per garantire che il vostro script funzionano sulla maggior parte dei browser Web, è necessario caricare i file su un server Web.

Istruzioni

1

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

2

Immettere il seguente codice nell'editor di testo.

< html >

< head >

< html >

< head >

< / head >

< corpo >

< script type = "text/javascript" >

funzione IframeContent()

{

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

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

// get the text from the iframe by accessing the frame's data object.

//innerHTML gets the contents rather than the html code

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

mettere il contenuto di iframe nel < div > con l'id "prova"

document.getElementById('test').innerHTML = contenuto;

}

< / script >

< iframe id = "myIframe" onclick="IframeContent()" value = "Mostra che cosa è nell'iframe" >

< div id = "test" > vuoto < / div >

< / body >

< / html >

3

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

4

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

< html >

< head >

< / head >

< corpo >

Si tratta di iframe

< / body >

< / html >

5

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

6

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

7

Fare clic sul pulsante "Disconnetti" dell'applicazione FTP.

8

Avviare un browser Web e immettere l'URL appropriato per accedere al file di prova. 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 test. Fare clic sul pulsante con il testo "mostrare ciò che è nell'iFrame" per testare lo script.

Consigli & Avvertenze

• È possibile creare un ambiente di server Web sul tuo computer scaricando e installando XAMPP o EasyPHP. Entrambi i pacchetti saranno automaticamente installare e configurare il server Web Apache, linguaggio di scripting PHP, database MySQL e un server FTP. EasyPHP è per sistemi operativi Windows solo; XAMPP funziona su sistemi Windows, Mac OS X e Linux. Questi pacchetti consentono di verificare gli script senza dover passare attraverso il salvataggio, caricare, testare, salvare, caricare nuovamente e ciclo di prova. Inoltre, XAMPP ed EasyPHP è possibile apportare nessuna modifica permanente al sistema. Se si decide che non sono più necessarie, può essere facilmente disinstallati.
• Ciascuno dei principali browser Web potrebbe eseguire codice JavaScript valida in modo diverso o non a tutti. Anche diverse versioni dello stesso browser eseguirà a volte lo stesso codice in modo diverso. I browser più moderni hanno JavaScript segnalazione errori e debug utilità installati o disponibili come componenti aggiuntivi, plug-in o estensioni che consentono di sviluppare codice funzionante. Sempre testare il codice su diversi browser e le versioni precedenti dello stesso browser al fine di garantire che il codice funziona come previsto.