A principal forma de criar efeitos dinâmicos em páginas da web é por meio do uso de scripts do lado do cliente. Eles são pedaços de código que são interpretados pelo mecanismo de script do aplicativo que exibe o documento. JavaScript é uma linguagem de programação popular usada para scripts. Para que o script possa ser executado, ele deve ser inserido no documento de alguma forma.
É necessário
- - código do script;
- - documento Fonte;
- - editor de texto.
Instruções
Passo 1
Determine a melhor maneira de inserir o script. Se for assumido que o mesmo script será usado em documentos diferentes, faz sentido movê-lo para um arquivo externo e conectá-lo a partir daí. Caso contrário, vale a pena incorporar o texto do script no corpo da página. Se o tamanho do script for grande, vale a pena colocá-lo em um bloco separado no documento. Se o código do programa for pequeno em volume e implementar uma reação a qualquer evento, é permitido colocá-lo em um atributo que define o manipulador de eventos embutido de um elemento ou o atributo href de um link.
Passo 2
Cole o script de uma fonte externa. Adicione um elemento SCRIPT com o src especificado e atributos de tipo ao corpo do documento ou seção HEAD. Por exemplo, você pode fazer assim: O valor do atributo src deve ser um URI apontando para o recurso a partir do qual o texto do script será carregado. O atributo charset é opcional. Indica a codificação do texto do script. Mas se for omitido, o valor da codificação será considerado como o valor da codificação do documento no qual o script foi inserido.
etapa 3
Insira o script no texto da página. Use um elemento SCRIPT com o texto do script dentro. Por exemplo, pode ser assim:
alert ("O script está funcionando!");
Os comentários HTML que incluem o código são necessários para compatibilidade com navegadores mais antigos. Você pode usar comentários XML em documentos XHTML.
Passo 4
Insira o código javascript em manipuladores de eventos embutidos. Encontre o elemento no documento cujo evento você deseja manipular. Adicione um atributo que defina o manipulador apropriado. Por exemplo, o atributo que especifica o manipulador para um clique do mouse em um elemento é onclick, o manipulador para a perda do sinal de foco é onblur e o manipulador de pressionamento de tecla é onkeydown.
Etapa 5
Insira o código do script como o texto que especifica o valor do atributo adicionado. Por exemplo, para exibir uma mensagem quando um elemento DIV é clicado com o mouse, você pode usar a seguinte construção: Texto texto texto Observe que para definir literais de string no código do manipulador de elemento embutido, você deve usar um tipo diferente de aspas. que especificam o valor do atributo HTML …
Etapa 6
Adicione o script ao elemento href do link. O valor href deve ser um URL, o descritor do protocolo é "javascript:" e a parte do endereço é uma expressão computada. Por exemplo: Texto do link Se você precisar usar várias expressões, use um bloco de instrução definido pelos colchetes {e}.
