No código JavaScript, você pode usar a função alert () do objeto de janela para exibir um texto, de modo a depurar o programa ou avisar o usuário sobre as informações relevantes:
A cópia do código é a seguinte:
// Use a função alert do objeto de janela ()
window.alert ("text de amostra");
Este método de escrita pode ser simplificado para usar a função alert () diretamente:
A cópia do código é a seguinte:
// Alert simplificado () Uso
Alerta ("Texto da amostra");
Se você precisar exibir o texto com as novas linhas, você pode usar /n:
A cópia do código é a seguinte:
// use /n em alert ()
alerta ("a primeira linha/nA segunda linha");
Se você precisar usar os caracteres da guia, você pode usar /t:
A cópia do código é a seguinte:
// use /t em alert ()
alerta ("Alex/T50/T34/NBOB/T59/T38");
Uso de variáveis
Além de exibir seqüências estáticas, a função alert () também pode aceitar variáveis e valores variáveis de emenda com outras strings:
A cópia do código é a seguinte:
// Use variável em alerta ()
var word = "vida";
alerta ("A palavra mágica é:" + word + ". Não entre em pânico.");
Infelizmente, embora a função alert () possa aceitar variáveis, ela só pode fazer essa operação de splicing de string; Ao contrário de outro método de depuração console.log (), a função alert () não aceita a prática de passar os parâmetros para as strings. O código a seguir é um exemplo:
A cópia do código é a seguinte:
// Tente usar o parâmetro em alert (), falhará
var name = "bob";
var anos = 42;
alerta (" %s tem %d anos.", nome, anos);
Se a função alert () aceitar passes de string, a saída esperada terá "Bob terá 42 anos". Mas, de fato, a função alert () não suporta isso; portanto, a saída final é " %s tem %de ano de idade".
Estilo de janela pop -up
Como a caixa pop-up usada pela função alert () é um objeto do sistema de navegador, em vez de um objeto de documento da web, é impossível definir o estilo da caixa pop-up usando tags html na função alert ()-a tag html será exibida intacta. Para o seguinte código:
A cópia do código é a seguinte:
// Tente usar tags html em alert (), falhará
alerta ("<b> texto de teste </b>");
A saída não é um "texto de teste" em negrito.
Se você realmente precisa mudar o estilo da caixa de aviso, há duas opções:
1. Use caracteres unicode na função alert (). A vantagem desta solução é que ela é muito simples de implementar, mas suas limitações também são óbvias: os caracteres Unicode têm expressividade muito limitada.
2. Em vez de usar a função alert (), use componentes HTML para simular caixas pop-up (como o uso da caixa de diálogo JQuery UI). A vantagem desta solução é que a caixa pop-up será muito expressiva, mas o uso aumentará a complexidade do código front-end.
Conclusão
A função alert () pode ser usada para alertar os usuários ou para depurar programas. Para o primeiro, o uso de componentes como a caixa de diálogo JQuery UI pode aumentar bastante a expressividade e a experiência do usuário; Para este último, porque a caixa pop-up alert () bloqueará a execução do código JavaScript, em muitos casos, usando o console.log () para depurar o programa é uma solução melhor.