Tag <script> em HTML
Neste artigo, examinamos alguns exemplos de script de tags com a crença de que eles nos ajudarão a obter conhecimento.
A tag <script> é uma tag HTML usada para definir um script do lado do cliente que é executado pelo navegador da web. O script pode ser escrito em JavaScript, VBScript ou qualquer outra linguagem de script compatível com o navegador. A tag <script> geralmente é colocada na seção <head> de um documento HTML ou no final da seção <body> .
"Olá Mundo!" pode ser escrito em JavaScript:
Example:
Uso da tag <Script>
Tag A tag <script> é empregada para incorporar um script do lado do cliente conhecido como JavaScript.
Sempre que discutimos sobre Tag <script> , a propriedade src refere-se a um arquivo de script independente ou inclui comandos de script.
O JavaScript é freqüentemente usado para validação do lado do cliente, conteúdo da Web dinâmico e interfaces de usuário interativas.
Aqui está um exemplo da caixa de alerta em JavaScript :
Example:
Quando um botão é clicado, este exemplo mostra como alterar o texto dentro de um elemento:
Example:
Este exemplo ilustra como fazer um clique de botão modificar a cor de fundo de um item:
Example:
IMPORTANTE: Existem várias maneiras de executar um script externo:
- Quando async=”async” é definido, o script é executado em paralelo com a página principal (o script é executado simultaneamente enquanto a página está processando dados).
- O script será executado após o processamento da página caso async não seja especificado e defer=”defer”.
- Por padrão, um script é recuperado e executado antes do navegador começar a processar a página sempre que assíncrono ou adiamento estiver ativado.
Usos da tag de script
A tag <script> em HTML tem muitos usos e é uma das ferramentas mais poderosas e versáteis disponíveis para desenvolvedores web. Aqui estão alguns usos comuns da tag <script> :
- A tag <script> é comumente usada para adicionar interatividade às páginas da web. O código JavaScript pode ser usado para responder a ações do usuário, como cliques de botão, envios de formulários e eventos do mouse.
- A tag <script> pode ser usada para executar validação de formulário do lado do cliente. Isso pode ajudar a garantir que os dados inseridos pelo usuário sejam válidos antes de serem enviados ao servidor.
- A tag <script> pode ser usada para manipular elementos HTML e CSS na página. Isso pode ser usado para criar efeitos dinâmicos, como animações e transições.
- A tag <script> pode ser usada para carregar arquivos JavaScript externos em uma página da web. Isso é útil para incluir bibliotecas e plug-ins de terceiros.
- A tag <script> pode ser usada para rastrear o comportamento do usuário em uma página da web. Isso pode ser usado para coletar dados analíticos e melhorar a experiência do usuário.
- A tag <script> pode ser usada para criar cookies, que podem ser usados para armazenar as preferências do usuário e outros dados.
Atributos
Global
O script Tag <script> é compatível com Atributos Globais em HTML.
Lista de Atributos
| Atributos | Valor | Visão geral |
|---|---|---|
| assíncrono | assíncrono | Indica que este script é processado de forma assíncrona (usado apenas para scripts externos). |
| origem cruzada | credenciais de uso anônimas |
Especifica o modo HTTP CORS para a solicitação. |
| adiar | adiar | Indica que o script é invocado após a conclusão do processamento da página (no caso de scripts externos). |
| integridade | filehash | Fornece uma maneira de um navegador garantir que o código manipulado não seja renderizado se o script for carregado. |
| nomodule | Verdadeiro Falso |
Impede que o script seja executado em navegadores compatíveis com ES2015. |
| política de referência | sem referência sem referência quando rebaixar origem origem quando origem cruzada mesma origem origem estrita origem estrita quando origem cruzada url inseguro |
Para buscar um script, determine quais informações do referenciador devem ser enviadas. |
| origem | URL | Um URL de arquivo de script externo é fornecido. |
| tipo | tipo de script | Uma indicação do tipo de mídia do script. |
Uma comparação entre HTML e XHTML
Em XHTML, os scripts são especificados como #PCDATA (em vez de CDATA), indicando que as entidades são processadas.
Como resultado, o XHTML deve codificar todos os caracteres especiais ou agrupar todo o conteúdo em CDATA:
<script type="text/javascript">
//<![CDATA[
function changeColor() {
document.getElementById("elementId").style.backgroundColor = "blue";
}
//]]>
</script>
Compatibilidade do navegador
| Elemento |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| <script> | Sim | Sim | Sim | Sim | Sim |
CSS predefinido
Sempre que se trata de Tag script , muitos navegadores apresentarão a tag <script> com estes valores padrão :
script {
display: none;
}
Benefícios da tag de script HTML
Aqui estão alguns dos principais benefícios:
- A tag <script> permite que os desenvolvedores adicionem interatividade às páginas da Web, tornando-as mais envolventes e dinâmicas. Isso pode melhorar a experiência do usuário e aumentar o envolvimento do usuário.
- A tag <script> permite que os desenvolvedores carreguem scripts de forma assíncrona, o que pode melhorar o tempo de carregamento da página. Isso pode ser particularmente benéfico para aplicativos da Web grandes ou complexos.
- A tag <script> é suportada por todos os navegadores da web modernos, tornando-a uma ferramenta confiável e amplamente utilizada para o desenvolvimento da web.
- A tag <script> é relativamente fácil de usar e não requer conhecimento extensivo de desenvolvimento web para começar.
- A tag <script> permite que os desenvolvedores adicionem funcionalidades complexas a páginas da Web, como validação de formulário, processamento de dados e criação de conteúdo dinâmico.
- A tag <script> pode ser usada para rastrear o comportamento do usuário em uma página da web, que pode ser usada para coletar dados analíticos e melhorar a experiência do usuário.
