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 async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script><!-- pt computador 4 --><ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-3314932315682382" data-ad-slot="5429850767"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});</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='/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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 https://ptcomputador.com Todos os Direitos Reservados
</div>
</div>
</body>
</html> 