Vídeo: Learn Javascript Syntax For Dummies 2024
O JavaScript abre as páginas da Web para que você possa adicionar recursos interativos e esses toques fáceis de usar. Claro, você precisa saber como encaixar o JavaScript no código existente e o que deve inserir para obter os efeitos desejados. E, quando as coisas não estão funcionando bem, você pode precisar de uma pequena ajuda para solucionar o problema para voltar a seguir.
Termos de objeto JavaScript
O JavaScript é um idioma baseado em objeto. Para entender como interagir com o modelo de objeto de documento com o qual você trabalha com JavaScript, você precisa entender alguns termos básicos relacionados ao objeto. A tabela a seguir mostra os que você provavelmente achará mais úteis:
| Termo | Exemplo de JavaScript |
|---|---|
| Um objeto é uma coisa (substantivo). | Um botão é um objeto. |
| Você pode descrever um objeto com adjetivos
(propriedades) . |
Um objeto de botão tem um nome e um tipo. |
| Um objeto pode fazer coisas (métodos) . | Um objeto de botão pode clicar em (). |
| Um objeto pode responder a eventos (manipuladores de eventos) . | Um botão pode reconhecer quando foi clicado
( onClick ) . |
Crie um hiperlink, carregue uma página da Web e mais com JavaScript
O JavaScript ajuda você a incluir todo tipo de elementos divertidos e interativos em uma página da Web e a tabela a seguir mostra como fazer os tipos de tarefas que você deseja fazer com o JavaScript. Se você deseja carregar uma página da Web ou copiar algum código, verifique se há como fazer isso:
| Para fazer isso | Faça isso no Navegador | Faça isso no Internet Explorer |
|---|---|---|
| Carregar um JavaScript habilitado Página da Web | Clique duas vezes no ícone Navegador de um arquivo em sua máquina;
ou Arquivo → Abrir página |
Arquivo → Abrir |
| Olhe para o código JavaScript de outra pessoa | Ver → Fonte da página | Ver → Fonte |
| Localizar um grupo de notícias relacionado ao JavaScript | Janela → Mail & Newsgroups | Ferramentas → Correio e notícias → Leia as notícias |
| Copie e cole o código JavaScript de outra pessoa | Ctrl + C para copiar; Ctrl + V para colar | Ctrl + C para copiar; Ctrl + V para colar |
| Crie um hiperlink | … | … |
| Crie um formulário HTML | … | … |
Solução de problemas de JavaScript
O JavaScript é uma ferramenta maravilhosa para usar para criar páginas da Web interessantes e interativas, mas de vez em quando nada funciona e você não tem idéia de por onde começar a mudar as coisas. Não se preocupe; Dê uma olhada na seguinte lista para obter dicas sobre o que fazer para voltar à pista (tente-as por esta ordem):
-
O seu navegador da Web está instalado e configurado corretamente, incluindo seu material de comunicação?
-
O JavaScript está ativado?
De Navegador: Escolha Editar → Preferências → Avançado → Scripts e Plugins e marque a caixa de seleção Ativar JavaScript para Navegador.
De Internet Explorer:
-
Escolha Ferramentas → Opções da Internet e clique na guia Segurança
-
Clique no botão Nível personalizado
-
Role para baixo até a categoria Scripting aparecer
-
Selecione o botão de opção Ativar para estas opções: Scripts ativos; Permitir colar operações via script; e Scripting of Java Applets
-
-
São todas as suas declarações de JavaScript entre e tags (exceto as instruções de JavaScript anexadas aos manipuladores de eventos, que não precisam ser)?
-
O seu arquivo HTML funciona como deveria, por si só, se você excluir suas declarações de JavaScript?
-
Os nomes das suas variáveis JavaScript começam com um caractere alfabético (ou um sublinhado)?
JavaScript Basic Cross-Browser Document Object Model
Como qualquer outro idioma, o JavaScript tem sua própria gramática e sintaxe - regras que você precisa seguir para ser entendida. A seguinte hierarquia de objetos de documento lista os objetos internos com os quais você pode trabalhar no JavaScript do lado do cliente, juntamente com suas relações entre si:
