JavaScript podem ser colocados em um documento HTML de duas maneiras. Um método consiste em armazenar o código JavaScript em um arquivo externo e incluem uma directiva no cabeçalho do documento com links para o arquivo de origem . Outro método consiste em inserir uma tag marca de fechamento. O método em linha é normalmente usado com pequenos trechos de código JavaScript, enquanto o arquivo externo é usado para grandes blocos de JavaScript. Ambos os métodos podem ser utilizados no mesmo documento . Instruções
1
Crie um novo documento HTML usando o Bloco de Notas ou qualquer editor de texto. Incluir um esboço esqueleto HTML no documento. Por exemplo, digite :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd " >
incluindo Página 2 <p> Inserir um link para um arquivo externo que contém o código JavaScript entre as marcas <head> HTML usando a tag <script> e " src" atributo da seguinte maneira : <br> <p> < head> <br> <p> <script type="text/javascript" src="http://mysite.com/jslib/utilities.js"> </script > <br> <p> < /head> <br> <p> Change " mysite.com " para o seu site e altere o nome do arquivo externo que contém o código Javascript para o seu próprio arquivo de origem. <br> 3 <p> Aberto uma tag <script> e inserir o código JavaScript diretamente no corpo do documento HTML onde você quer que o código seja executado em linha . Este código é colocado entre <body> do documento, juntamente com os outros conteúdos que compõem a página. Por exemplo : <br> <p> <body> <br> <p> <script type="text/javascript"> <br> <p> document.write (" Olá Mundo! " ) <br> <p> </script > <br> <p> </body > <br> <p> Você pode ter vários ou mais blocos de código embutido Javascript embutido em várias partes do seu documento HTML , inserindo o código conforme necessário . <br> <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:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="5429850767" data-ad-format="auto" data-full-width-responsive="true"></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/91014.html' >Como alterar um cursor do mouse com jQuery </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/90843.html" title="Como fazer um script de usuário em GreaseMonkey " target="_self">Como fazer um script de usuário em GreaseMonkey </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90804.html" title="Como desenhar uma polilinha Ter uma variedade de locais de corda no Google Maps V3 " target="_self">Como desenhar uma polilinha Ter uma variedade de locais…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90798.html" title="Como alterar e redirecionar uma URL com Java " target="_self">Como alterar e redirecionar uma URL com Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90955.html" title="Como obter um script de Cookies " target="_self">Como obter um script de Cookies </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90966.html" title="Como tempo de espera em JavaScript " target="_self">Como tempo de espera em JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90964.html" title="Efeitos 3D com Javascript " target="_self">Efeitos 3D com Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90926.html" title="Como remover barras de rolagem Usando JavaScript " target="_self">Como remover barras de rolagem Usando JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90764.html" title="Javascript funções parciais " target="_self">Javascript funções parciais </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90906.html" title="JavaScript para Cálculos de Tempo " target="_self">JavaScript para Cálculos de Tempo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/91014.html" title="Como alterar um cursor do mouse com jQuery " target="_self">Como alterar um cursor do mouse com jQuery </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/89527.html" title="Sobrecarga de Métodos em Java " target="_self">Sobrecarga de Métodos em Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/computer-programming-languages/86884.html" title="Como criar uma barra lateral de KML " target="_self">Como criar uma barra lateral de KML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/computer-programming-languages/87201.html" title="Como ativar o botão Excluir na DataGridView em Winforms " target="_self">Como ativar o botão Excluir na DataGridView em Winform…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/java-programming/88971.html" title="Java Home não aponta para o JDK " target="_self">Java Home não aponta para o JDK </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/computer-programming-languages/86864.html" title="Tutorial para a API PhoneGap Camera " target="_self">Tutorial para a API PhoneGap Camera </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/javascript-programming/90810.html" title="Cinco dicas JavaScript " target="_self">Cinco dicas JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/computer-programming-languages/87106.html" title="Como escrever um programa para verificar se uma string é um palíndromo ou Não " target="_self">Como escrever um programa para verificar se uma string …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/cc-programming/85519.html" title="Como ler um arquivo de caixa de listagem em C # " target="_self">Como ler um arquivo de caixa de listagem em C # </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/cc-programming/85275.html" title="Quais são propriedades parciais " target="_self">Quais são propriedades parciais </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/P/computer-programming-languages/86535.html" title="Como compilar um kernel para um Android " target="_self">Como compilar um kernel para um Android </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> 