Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como usar Ambos SRC e em linha em JavaScript
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 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/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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="http://ptcomputador.com/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 http://ptcomputador.com Todos os Direitos Reservados <script language='javascript' src='/ad/201310/1.js'></script> </div> </div> </body> </html>