# Como usar a tag script HTML Você pode usar a tag HTML ``. Veja a sintaxe básica: ```html ``` Para incluir um código JavaScript diretamente, não são necessários atributos adicionais. No caso de um script externo, é preciso utilizar o atributo HTML `src` para especificar o arquivo. A sintaxe expandida da tag HTML ` ``` ### Incluir JavaScript diretamente com ` ``` Dica É melhor incluir um **texto alternativo** que será apresentado no lugar do script, caso ele não possa ser executado. Isso pode ocorrer, por exemplo, se um usuário tiver feito a [desativação do JavaScript](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/desativando-o-javascript/ "Desativar JavaScript"). Você pode usar o elemento `

` HTML Agora, veremos como criar o botão com a mensagem acima usando um script externo. Para fazer isso, primeiro salvaremos em um novo arquivo chamado `script.js` o código do **botão clicável** que exibe a mensagem “Você clicou no botão!” quando clicado: ```javascript // script.js document.addEventListener('DOMContentLoaded', function() { document.getElementById('myButton').addEventListener('click', function() { alert('Você clicou no botão!'); }); }); ``` Em seguida, vamos integrar o script em um documento HTML que está localizado no **mesmo diretório** do script: ```html <body> <h1>Exemplo de botão com JavaScript: Inclusão externa</h1> <button id="myButton">Clique aqui!</button> <script src="script.js">` HTML? A tag HTML `<script>` suporta diversos atributos que oferecem mais controle sobre a execução de scripts. Os principais são: - **`async`**: Faz com que scripts externos sejam baixados em paralelo com o carregamento da página e executados assim que estiverem disponíveis, mesmo antes do carregamento completo da página. - **`crossorigin`**: Define o modo de requisição HTTP CORS para o script. - `defer`: Se o atributo `defer` for definido, um script externo também será baixado paralelamente à interpretação do código da página. No entanto, ele só será executado assim que a página tiver sido totalmente interpretada. - `integrity`: Para aumentar a segurança, você pode adicionar o atributo `integrity` ao HTML `<script>`. Ele garante que os navegadores possam verificar o script que foi recuperado. Isso garante que o script não seja carregado se o código-fonte tiver sido manipulado. - `nomodule`: Com `nomodule`, você garante que seus scripts não sejam executados em navegadores que suportam módulos ES2015. - `referrerpolicy`: Se você quiser especificar quais informações do referenciador devem ser enviadas quando um script for chamado, use o atributo `referrerpolicy`. Os valores possíveis incluem `no-referrer` (nenhuma página de referência) e `strict-origin` (somente o domínio de origem é enviado como referência). - `src`: O atributo `src` especifica o URL de um script externo. - `type`: Com esse atributo (agora opcional), você pode especificar o conteúdo do elemento HTML `<script>`. Além do script clássico, também são possíveis módulos ECMAScript (`module`) e mapas de importação (`importmap`) com regras para importações de módulos ECMAScript. This is a markdown version of: [https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/script-html/](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/script-html/) for AI/LLM consumption.