O que são variáveis?
Variáveis são recipientes usados para armazenar informações
Declaração variável
gramática:
Nome da variável var
nome variável = valor;
As variáveis devem ser declaradas primeiro e depois atribuídas
Variáveis podem ser atribuídas repetidamente
Nomeação de regras para variáveis
As variáveis devem começar com letras;
As variáveis também podem começar com os símbolos $ e _ (mas não recomendamos isso);
Os nomes das variáveis são sensíveis ao minúsculo (A e A são variáveis diferentes).
Declaração
A declaração termina com um semicolon; Se o semicolon for omitido, o final da declaração será determinado pelo analisador.
Tenha um bom hábito de codificação, você deve terminar;
Tipo de dados
No JavaScript , uma informação é um valor . Existem diferentes tipos de valores, e o tipo com o qual todos estão mais familiarizados são números. O valor da string é cercado por
Uma ou mais palavras em citações.
Número de qualquer valor numérico. Os números podem ser decimais ou sem 68,57
Caracteres em aspas de string. Você pode usar citações únicas ou duplas "Hello, World"
Booleano verdadeiro ou falso verdadeiro
Valores indefinidos e nulos indicados indicam que a variável não contém um valor. Você pode limpar a variável definindo o valor da variável como NULL.
Qualquer valor associado a um objeto
O valor retornado pela função
1 var a; // a é indefinido2 var a = 6; // a é o número 3 var a = "Jason"; // a é uma corda
O que é uma função?
As funções são um conjunto de declarações JavaScript que executam uma determinada tarefa.
Sintaxe básica:
função função nome () {code;}Nome da função ();
ilustrar:
Função define palavras -chave da função.
"Nome da função" o nome que você deu à função.
"Código da função" é substituído por código que conclui uma função específica.
Uma chamada de função de "Segundo Nome da Função"
1 função add2 () {2 var sun = 3 + 2; 3 alerta (sol); 4} 5 add2 (); // chamando a função escreve diretamente o nome da função e aparece diretamente no código da função1 <input type = "button" value = "clique em mim" onclick = "add2 ()" /> 2 <!-Depois de clicar no botão, ligue para a função, OnClick é o evento de clique->
Conteúdo de saída (document.write)
document.write () produz conteúdo diretamente na página da web.
O primeiro tipo: o conteúdo de saída é anexado com "" e emite diretamente o conteúdo do sinal "".
document.write ("eu amo javascript!");O segundo tipo: conteúdo de saída através de variáveis
var mystr = "hello world"; document.write (mysrt); // escreva o nome da variável diretamente e produz o conteúdo armazenado pela variável
O terceiro tipo: saída de múltiplos conteúdos e conecte -os com + sinais.
var mystr = "hello"; document.write (mystr + "eu amo script java"); // conecte vários itens com + sinais
O quarto tipo: tags e trabalho em saída HTML, e as tags são fechadas com "".
var mystr = "hello"; document.write (mystr+"<br>"); // após a saída Hello, emitir um novo documento de linha.Write ("javascript");Aviso (diálogo de mensagem de alerta)
Quando visitamos o site, às vezes uma pequena janela aparece com um texto de mensagem. Se você não clicar em "OK", você não pode fazer nada sobre a página da web
Como operar, esta pequena janela é implementada usando alerta.
Sintaxe: alerta (string ou variável);
var mynum = 30; Alert ("Hello!"); Alert (mynum);Resultado: a caixa de mensagem aparece em ordem (a caixa de diálogo Mensagem de alerta aparece contém um botão OK)
Perceber:
1. Nenhuma outra operações pode ser executada antes de clicar no botão "OK" na caixa de diálogo.
2. A caixa de diálogo Mensagem geralmente pode ser usada para depurar um programa.
3. Alerta o conteúdo de saída, que pode ser uma string ou uma variável, semelhante ao document.write
Confirme a seleção (confirme a caixa de diálogo da mensagem)
Além de fornecer informações aos usuários, também queremos obter informações dos usuários. A caixa de diálogo Confirmar mensagem é usada aqui.
A caixa de diálogo Confirmar mensagem geralmente é usada para permitir que os usuários façam escolhas, como: "Você está certo?" e assim por diante. Uma caixa de diálogo aparece (incluindo um botão OK e um botão de cancelamento).
Sintaxe: confirmar (STR);
Parâmetro Descrição: STR: O texto a ser exibido na caixa de diálogo Mensagem Retorna: Valor Booleano
Valor de retorno:
Retorne true quando o usuário clicar no botão "OK"
Retorne ao FALSE quando o usuário clicar no botão "Cancelar"
Nota: O valor de retorno pode ser usado para determinar qual botão o usuário clica.
<script type = "text/javascript"> var myMessage = confirm ("Você gosta de javascript?"); if (myMessage == true) {document.write ("bom, vamos lá!"); } else {document.write ("JS é poderoso, você precisa aprender!"); } </script>Faça uma pergunta (caixa de diálogo pronta para mensagem)
Às vezes, você não apenas deseja que o usuário responda sim/não. Em vez disso, espera -se uma resposta mais específica. Nesse caso, podemos usar o Propt.
Prompt Pop-up Mensagem Caixa de diálogo, geralmente usada para solicitar informações que precisam interagir com o usuário. Uma caixa de diálogo de mensagem aparece (incluindo um botão OK, um botão de cancelamento e uma caixa de entrada de texto).
gramática:
prompt (str1, str2);
Descrição do parâmetro:
STR1: O texto a ser exibido na caixa de diálogo de mensagem não pode ser modificado
STR2: O conteúdo na caixa de texto pode ser modificado
Valor de retorno:
1. Clique no botão OK e o conteúdo na caixa de texto retornará o valor como uma função.
2. Clique no botão Cancelar para retornar ao NULL
function rec () {var score; // A variável de pontuação é usada para armazenar o valor da pontuação inserido pelo usuário. pontuação = prompt ("Digite sua pontuação", "90"); if (pontuação> = 90) {document.write ("você é ótimo!"); } else if (pontuação> = 75) {document.write ("bom!"); } else if (pontuação> = 60) {document.write ("vamos lá!"); } else {document.write ("trabalho duro!"); };}; <Cript> var myName = prompt ("Digite seu nome"); if (myname! = null && myName! = "") {document.write ("welcom to" + myname); } else {document.write ("welcom to" + myname); } </script>Abra uma nova janela (janela.open)
gramática:
window.open ([url], [nome da janela], [parâmetro string])
Descrição do parâmetro:
URL: parâmetro opcional, o URL ou caminho da página da web a ser exibido na janela. Se esse parâmetro for omitido ou seu valor for uma string vazia, a janela não exibirá nenhum documento.
Nome da janela: parâmetro opcional, nome da janela aberta.
1. O nome consiste em cartas, números e caracteres sublinhados.
2. Nome da janela: Opcional, esta string é uma lista de recursos separada por vírgula que declara o nome da janela aberta. Pode
É "_top", "_blank", "_self", "_parent" , etc.
_bank exibe a página de destino em uma nova janela
_ Exibe a página da web de destino na janela atual
_parent Frame Página da Web exibe a página de destino da Web na posição de janela inteira atual
_ Página da web do quadro Top exibe a página de destino na janela superior
3. Apenas uma janela com o mesmo nome pode ser criada e, se você deseja criar várias janelas, o nome não pode ser o mesmo.
4. O nome não pode conter espaços.
String de parâmetro: parâmetros opcionais, defina parâmetros de janela e separe cada parâmetro com vírgulas.
Tabela de parâmetros:
número do número do número do número de pixels no topo da janela, deixando a parte superior da tela
Número esquerdo o número de pixels na extremidade esquerda da janela, deixando a extremidade esquerda da tela
Número de largura A largura da janela
altura do número da altura da janela altura
Menubar sim, não, há um menu na janela
barra de ferramentas sim, não, há uma barra de ferramentas na janela
ScrollBars Sim, não, há alguma barra de rolagem na janela
status sim, não, há uma barra de status na janela
<script type = "text/javascript"> window.open ('http: //', '_ blank', 'width = 300, altura = 200, Menubar = não, barra de ferramentas = não, status = não, scrollbars = sim') </cript>Feche a janela (janela.close)
fechar () fechar () fechar janela
uso:
1 janela.close (); // feche esta janela 2 <objeto de janela> .close (); // feche a janela especificada
Por exemplo: feche a janela recém -criada.
1 <script type = "text/javascript"> 2 var mywin = window.open ('// www.vevb.com'); // armazenamento o objeto de janela recém-impressa na variável mywin3 mywin.close (); 4 </sCript>atributo innerhtml
O atributo InnerHTML é usado para obter ou substituir o conteúdo de um elemento HTML .
gramática:
Object.innerHtml
Objeto é o objeto elemento obtido, como obter o elemento através do documento.getElementById ("ID").
<h2 id = "con"> javascript </h2>
<script type = "text/javascript"> var mychar = document.getElementById ("con"); document.write ("título original:"+mychar.innerhtml+"<br>"); // em saída o conteúdo original da tag h2 mychar.innerhtml = "hello world" document.write ("título modificado:"+mychar.innerhtml); // em saída o conteúdo de tag H2 modificado </sCript>Altere o estilo HTML
gramática:
Object.style.property = novo estilo;
Nota: Objeto é o objeto elemento obtido , como o elemento obtido através do documento.getElementById ("ID")
<h2 id = "con"> eu amo javascript </h2>
<script type = "text/javascript"> var mychar = document.getElementById ("con"); mychar.style.color = "vermelho"; mychar.style.background = "#ccc"; mychar.style.width = "300px"; </script>Mostrar e ocultar (atributo de exibição)
gramática:
Object.style.display = value
Valor:
Nenhum esse elemento não será exibido (e oculto)
BLOCO Este elemento será exibido como um elemento em nível de bloco (ou seja, exibição)
mychar.style.display = "bloco"
Nome da classe de controle (atributo ClassName)
A ClassName Property define ou retorna a propriedade de classe do elemento.
gramática:
object.ClassName = ClassName
efeito:
1. Obtenha o atributo de classe do elemento
2. Atribua um estilo CSS a um elemento na página da web para alterar a aparência do elemento
p2.className = "dois";
As notas de estudo básico do JavaScript acima (leitura obrigatória para novatos) são todo o conteúdo compartilhado pelo editor. Espero que possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.