Nwlapcug.com


Come rimuovere un iFrame elemento con DHTML in Internet Explorer

"Inline Floating Frames", o iframe come Microsoft li chiama, consentono ai proprietari di sito di incorporare pagine Web all'interno di proprie pagine Web. Un sito di viaggi, per esempio potrebbe includere un piccolo iFrame che visualizza un'immagine di Webcam live che risiedono su un altro sito. Non importa quanto piccolo fare loro, iFrames sempre occupano spazio su una pagina. Utilizzando HTML dinamico (DHTML, Dynamic HTML) e un po ' di JavaScript, si può dare ai visitatori del sito l'opzione per rimuovere gli iframe facendo clic su un pulsante.

Istruzioni

1

Aprire un documento HTML esistente o crearne uno nuovo.

2

Aggiungere un elemento iFrame al documento incollando il seguente codice nella sezione "< body >":

< iframe nome = "Frame1" id = "iFrame1" src = "Add URL Here" >
< / iframe >

Sostituire "Aggiungi URL qui" con l'URL del nome di una pagina Web che si desidera apparire nell'iFrame.

3

Aggiungere il seguente codice HTML qui sotto il codice mostrato nell'istruzione precedente:

< tipo input = "pulsante" value = "Rimuovere IFrame" onclick = "restituire removeIFrame ('iFrame1', 'nessuno')" / >

Questo crea un pulsante. Quando hai il pulsante, chiama la funzione JavaScript "removeIFrame". Il pulsante passa anche quella funzione valore id di iFrame e la parola "nessuno".

4

Incollare questo codice JavaScript nella sezione "< head >" del documento:

< script type = "text/javascript" >

Function removeIFrame (iFrameID, azione) {
iFrameObject = document.getElementById(iFrameID);
iFrameObject.style.display = azione;
}
< / script >

Questa funzione recupera un riferimento a iFrame passato dal pulsante e imposta lo stile di visualizzazione di iFrame su "none". Impostandola su "none" rimuove l'iFrame dalla pagina Web.

5

Salvare il documento e avviare il browser. Aprire il documento nel browser. L'iFrame viene visualizzato e viene visualizzata la pagina Web è definita nel tag iFrame.

6

Fare clic sul pulsante. L'iFrame scomparirà.

Consigli & Avvertenze

  • Rivisualizzare l'iFrame con l'aggiunta di un altro pulsante che contiene questo codice:
  • < tipo input = "pulsante" value = "Rimuovere Iframe" onclick = "return removeIFrame ('iFrame1', 'blocco')" / >
  • Questa affermazione è quasi identica all'istruzione illustrato nell'esempio che definisce il pulsante. Questa istruzione passa la parola 'blocco' alla funzione JavaScript anziché la parola "nessuno". La parola "blocco" rende visibile l'iFrame.