Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como substituir um IFrame em JavaScript
um quadro embutido , ou iFrame , é um objeto em uma página da Web que pode conter um outro objeto, como uma outra página da web. Com JavaScript, você tem a capacidade de substituir ou alterar , o conteúdo do que é exibido na iFrame alterando o atributo "src " da tag iFrame . Você pode permitir que o usuário substitua o iFrame , associando essa funcionalidade com um botão , por exemplo. Instruções
1

Crie um novo arquivo HTML em um editor ou usando o Bloco de Notas. Por exemplo, digite :

< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd " >




Substituindo Página 2 <p> Adicione um iframe para a página da Web e atribuir um ID a ele. Adicionar um botão para a página da Web para substituir o iFrame . Por exemplo, entre o HTML " <body> " tags , tipo : <br> <p> <form> < input type = nome de " botão " = valor " override " = " Substituir " onclick = " changeIFrame () "/> </form > <br> <p> <hr/> <br> <p> <iframe id="frame1" src="http://www.example.com"> </iframe> <br> 3 <p> Crie uma função JavaScript para substituir o conteúdo do iFrame e inseri-lo entre os " <head> " tags no documento HTML. Por exemplo, digite : <br> <p> <script type="text/javascript"> <br> <p> função changeIFrame () { var <br> <p> cur = document.getElementById ( " frame1 " ). src ; . <br> <p> if ( cur.match ( /yahoo /) ) <br> <p> document.getElementById ( " frame1 " ) src = <br> <div class=ptad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </div> <div class=ptnrx></div> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Anterior : <a class='LinkPrevArticle' href='http://ptcomputador.com/P/javascript-programming/91011.html' >Como inicializar uma matriz JavaScript </a> </p></td> </tr> <tr> <td width="49%"> Próximo : No</li></td> </tr> </table></td> </tr> </table> <div class=bai7></div> <table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> Os artigos relacionados </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90982.html" title="Como mudar o menu Imagens no mouseover em JavaScript " target="_self">Como mudar o menu Imagens no mouseover em JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90774.html" title="Funções JavaScript retorno: isFunction " target="_self">Funções JavaScript retorno: isFunction </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/91011.html" title="Como inicializar uma matriz JavaScript " target="_self">Como inicializar uma matriz JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90911.html" title="Como prevenir JavaScript de serem visualizados no Firebug " target="_self">Como prevenir JavaScript de serem visualizados no Fireb…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90782.html" title="Combinação de JavaScript Hotkeys " target="_self">Combinação de JavaScript Hotkeys </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90980.html" title="Como substituir códigos Div " target="_self">Como substituir códigos Div </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90767.html" title="O que é HTML MsgBox " target="_self">O que é HTML MsgBox </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90848.html" title="Como escrever para cookies do PageContext JSP " target="_self">Como escrever para cookies do PageContext JSP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90921.html" title="Código para referência a um arquivo JS " target="_self">Código para referência a um arquivo JS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90839.html" title="Framesets corretos para JavaScript " target="_self">Framesets corretos para JavaScript </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Artigos em destaque </td> </tr> </table> <table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/java-programming/90244.html" title="Como criar arquivos de log em Java em Unix " target="_self">Como criar arquivos de log em Java em Unix </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/java-programming/89285.html" title="Como passar um valor de verificação de caixa em um servlet " target="_self">Como passar um valor de verificação de caixa em um se…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88865.html" title="Como recuar texto Usando programação HTML " target="_self">Como recuar texto Usando programação HTML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/javascript-programming/90776.html" title="Por que meu Javascript Mostrar Proibido " target="_self">Por que meu Javascript Mostrar Proibido </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86665.html" title="Vantagens e Desvantagens de Máquina Nível Língua " target="_self">Vantagens e Desvantagens de Máquina Nível Língua </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/java-programming/90614.html" title="Como copiar um arquivo em JSP " target="_self">Como copiar um arquivo em JSP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87284.html" title="Como criar um guia da cidade em Joomla " target="_self">Como criar um guia da cidade em Joomla </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/java-programming/89402.html" title="Como fazer o primeiro caractere de uma string em Caps em Java " target="_self">Como fazer o primeiro caractere de uma string em Caps e…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87879.html" title="Como programar Sudoku " target="_self">Como programar Sudoku </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/86039.html" title="Como compilar programas C Online " target="_self">Como compilar programas C Online </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=bai7></div> <div class="ptbottom bs"> Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados <script language='javascript' src='/ad/201310/1.js'></script> </div> </div> </body> </html>