Meta tags:
description= Em HTML, um script é um pequeno programa incorporado que pode adicionar interatividade ao seu site. Aprenda a adicionar e acionar scripts com o W3Docs.;
Headings (most frequently used words):
scripts, html, exemplo, como, um, script, noscript, de, da, tag, adicionar, defer, vs, async, onde, posicionar, type, module, acionar, elemento, relacionados, prática, manipulação, inline, do, dom, com, manipulador, eventos,
Text of the page (most frequently used words):
html (76), #script (66), javascript (27), scripts (23), svg (19), para (17), aprender (15), defer (15), head (15), como (14), body (14), com (14), quando (13), noscript (12), title (12), executado (11), elemento (10), async (10), tags (10), w3docs (9), src (9), copiar (9), que (9), canvas (9), página (8), atributo (8), download (8), ser (8), tag (8), atributos (8), código (8), pode (8), análise (8), navegador (7), sem (7), getelementbyid (7), antes (7), você (7), document (7), exemplo (7), type (6), após (6), analisado (6), the (6), html5 (6), inline (6), prática (5), css (5), onde (5), adicionar (5), está (5), desabilitado (5), não (5), qual (5), paralelo (5), usuário (5), eventos (5), mais (5), dom (5), mesmo (5), navegadores (5), introdução (5), formatter (5), color (5), todos (4), code (4), generator (4), acionar (4), module (4), posicionar (4), externo (4), executa (4), referência (4), então (4), example (4), output (4), doctype (4), por (4), são (4), seu (4), arquivo (4), json (3), encoder (3), editor (3), ferramentas (3), quizzes (3), exercícios (3), php (3), web (3), this (3), page (3), apenas (3), carregar (3), conteúdo (3), faz (3), totalmente (3), ordem (3), fonte (3), mouse (3), usuários (3), textcontent (3), primeiro (3), podem (3), ter (3), use (3), span (3), evento (3), entre (3), logo (3), fechamento (3), elementos (3), text (3), tutorial (3), templates (3), string (3), tools (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), idioma (2), sobre (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), livros (2), snippets (2), relacionados (2), estilos (2), blocos (2), verificar (2), executar (2), propósito (2), charset (2), somente (2), mantendo (2), fallback (2), completa (2), parágrafo (2), existe (2), first (2), mensagem (2), experimente (2), disabled (2), browser (2), support (2), content (2), your (2), not (2), fornecer (2), myalert (2), addeventlistener (2), trigger (2), event (2), handler (2), alert (2), manipulador (2), manipuladores (2), usando (2), métodos (2), seja (2), automaticamente (2), assim (2), alguma (2), ação (2), deve (2), usar (2), link (2), greet (2), import (2), arquivos (2), adiados (2), padrão (2), retornaria (2), null (2), loading (2), app (2), todo (2), qualquer (2), lugar (2), ele (2), dependem (2), runs (2), order (2), momento (2), sim (2), bloqueia (2), isso (2), externos (2), encontra (2), message (2), abaixo (2), pelo (2), texto (2), documento (2), páginas (2), site (2), style (2), pequeno (2), incorporado (2), menu (2), accept (2), dir (2), formulários (2), imagens (2), url (2), http (2), iso (2), hash (2), 2026, direitos, reservados, feito, desenvolvedores, política, privacidade, contato, empresa, try, tutoriais, exemplos, gratuitos, desde, 2014, next, previous, yes, was, helpful, dispositivos, móveis, ocultar, bloquear, exibir, suportado, nomodule, responda, cliques, passagens, outras, ações, aqui, declarado, consegue, encontrá, habilitado, ignora, exibe, doesn, inside, element, shown, instead, sorry, does, meu, embora, muitos, modernos, suportem, alguns, antigos, conseguem, também, seus, informações, alternativas, desta, exibido, suporta, mouseover, function, bring, here, see, especificados, dentro, das, anexados, via, especificar, deseja, carrega, realizado, passar, clicar, quiser, realizar, chamada, informar, responsável, world, utils, from, defina, módulo, módulos, compartilhar, executam, modo, estrito, executados, export, simples, corpo, efeito, alcançado, colocando, porque, aguardam, conclusão, ready, already, exists, works, colocado, acima, sido, portanto, acessar, segurança, coloca, determina, existem, uns, dos, outros, maior, parte, aplicação, independentes, nada, anúncio, analytics, soon, loads, guaranteed, library, after, whole, parsed, termina, pausando, naquele, domcontentloaded, imediatamente, bloqueando, durante, nenhum, mantém, execução, normalmente, analisar, continua, grandes, renderização, deixa, lenta, aplicam, resolvem, fazendo, eles, diferem, observação, opcional, considerado, obsoleto, vem, fosse, depois, changed, original, ler, modificar, reescreve, manipulação, geralmente, colocados, mas, aparecer, posicionamento, importa, causa, analisa, veja, precisar, muitas, coloque, separado, referencie, armazenados, cache, mantêm, limpo, permitem, reutilizar, único, aponte, estar, vazio, lightyellow, backgroundcolor, escreva, diretamente, abertura, conter, referenciar, duas, maneiras, usá, esta, explica, controlar, lista, consulte, dedicada, trecho, torná, las, dinâmicas, interativas, criar, uma, caixa, pop, suspenso, validar, formulário, enviado, linguagem, comum, usada, sites, programa, interatividade, aprenda, checked, autoplay, action, accesskey, colspan, autofocus, autocomplete, draggable, coords, controls, contenteditable, alt, attribute, reference, forms, vídeos, youtube, multimídia, media, class, obsoletos, attributes, gradiente, radial, lineargradient, sombras, projetadas, efeitos, desfoque, aos, filtros, stroking, path, polyline, polygon, linha, elipse, círculo, retângulo, gradientes, coordenadas, desenhando, xmp, wbr, video, var, track, time, thead, tfoot, textarea, template, tbody, table, sup, summary, sub, strong, strike, spacer, source, small, select, section, samp, ruby, rtc, progress, pre, picture, plaintext, param, option, optgroup, object, noframes, nobr, nav, meter, meta, menuitem, marquee, mark, map, main, legend, label, keygen, kbd, isindex, ins, input, img, iframe, hgroup, header, frameset, frame, form, footer, font, figure, figcaption, fieldset, embed, div, dialog, dfn, details, del, datalist, data, colgroup, col, cite, center, caption, button, blockquote, blink, big, bdo, bdi, basefont, base, audio, aside, article, area, applet, address, acronym, abbr, globais, obsoletas, xhtml, tabela, tipos, mime, mensagens, status, atalhos, teclado, entidades, codificação, utf, códigos, 8859, ascii, conjuntos, caracteres, references, migração, suporte, áudio, vídeo, semânticos, layout, computercode, caminhos, tabelas, comentários, cores, listas, links, formatação, títulos, básicas, editores, basics, entrar, pesquisar, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, cursos, gratuito, online,
Text of the page (random words):
scripts html tutorial gratuito e online w3docs w3docs livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python cursos quizzes exercícios snippets ferramentas general tools html editor password generator html encoder code diff json beautifier todos os 13 color tools color picker color converter color mixer color hex colors hsl todos os 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder todos os 19 code formatters javascript formatter css formatter html formatter json formatter php formatter pesquisar na w3docs k pt english en deutsch de русский ru français fr español es português pt italiano it entrar aprender html html basics introdução ao html editores e ferramentas elementos html tags básicas do html atributos html títulos html formatação html links html listas html cores em html comentários html tabelas html blocos html scripts html estilos html css caminhos de arquivo html html computercode html templates templates de layout templates de formulários html 5 introdução ao html5 tags html5 elementos semânticos áudio vídeo suporte a navegadores html5 migração para html5 html references conjuntos de caracteres ascii iso 8859 1 códigos de idioma iso codificação utf 8 entidades html atalhos de teclado métodos http imagens html mensagens de status http tipos mime tabela de tags html xhtml html url html tags tags obsoletas atributos globais html atributos de evento tags html doctype a abbr acronym address applet area article aside audio b base basefont bdi bdo big blink blockquote body br button canvas caption center cite code col colgroup data datalist dd del details dfn dialog dir div dl dt em embed fieldset figcaption figure font footer form frame frameset h1 h6 head header hgroup hr html i iframe img input ins isindex kbd keygen label legend li link main map mark marquee menu menuitem meta meter nav nobr noframes noscript object ol optgroup option output p param plaintext picture pre progress q rb rp rt rtc ruby s samp script section select small source spacer span strike strong style sub summary sup svg table tbody td template textarea tfoot th thead time title tr track tt u ul var video wbr xmp canvas tutorial introdução ao canvas desenhando no canvas coordenadas do canvas gradientes no canvas texto no canvas imagens no canvas referência do canvas svg tutorial introdução ao svg svg no html5 retângulo svg círculo svg svg elipse linha svg svg polygon svg polyline svg path svg text svg stroking introdução aos filtros svg efeitos de desfoque svg sombras projetadas svg svg lineargradient gradiente radial svg referência svg html attributes atributos obsoletos atributo class do html atributo id do html html media html multimídia vídeos do youtube em html html forms formulários html html attribute reference alt async accept content contenteditable controls coords disabled download draggable autocomplete autofocus defer dir colspan accesskey action autoplay checked accept charset scripts html em html um script é um pequeno programa incorporado que pode adicionar interatividade ao seu site aprenda a adicionar e acionar scripts com o w3docs um script é um pequeno trecho de código incorporado em páginas web para torná las dinâmicas e interativas por exemplo com scripts você pode criar uma caixa de mensagem pop up um menu suspenso ou validar um formulário antes de ser enviado o javascript é a linguagem de script mais comum usada em sites esta página explica como adicionar javascript a um documento html onde posicionar o elemento script como controlar quando ele é executado com defer e async e como fornecer um fallback para usuários sem javascript para a lista completa de atributos do script consulte a referência da tag script dedicada como adicionar scripts o elemento script pode conter código inline ou referenciar um arquivo externo há duas maneiras de usá lo 1 script inline escreva o código diretamente entre as tags de abertura e fechamento script document body style backgroundcolor lightyellow script copiar 2 script externo aponte o atributo src para um arquivo js o elemento deve estar vazio sem código entre as tags script src scripts js script copiar se você precisar do mesmo código em muitas páginas web coloque o em um arquivo js separado e referencie o com src arquivos externos são armazenados em cache pelo navegador mantêm seu html limpo e permitem reutilizar um único script em todo o site os scripts geralmente são colocados no head ou logo antes da tag de fechamento body mas um script pode aparecer em qualquer lugar do documento o posicionamento importa por causa de como o navegador analisa a página veja onde posicionar um script abaixo exemplo de manipulação inline do dom um script inline pode ler e modificar a página usando o dom o exemplo abaixo encontra um parágrafo pelo seu id e reescreve seu texto quando o script é executado script inline scripts html w3docs doctype html html head title inline script example title head body p id message original text p script document getelementbyid message textcontent changed by javascript script body html copiar como o script vem depois do p o elemento já existe no dom quando o script é executado então getelementbyid o encontra se o script fosse executado antes do elemento retornaria null observação no html5 o atributo type é opcional com padrão text javascript e é considerado obsoleto para scripts javascript defer vs async quando um script está no head o navegador normalmente para de analisar o html faz o download do script executa o e só então continua em scripts grandes isso bloqueia a renderização e deixa a página mais lenta os atributos defer e async que se aplicam apenas a scripts externos com src resolvem isso fazendo o download do script em paralelo com a análise do html eles diferem em quando o script é executado atributo download momento de execução mantém a ordem da fonte nenhum bloqueia a análise durante o download imediatamente bloqueando a análise sim defer em paralelo com a análise após o html ser totalmente analisado logo antes do domcontentloaded sim async em paralelo com a análise assim que o download termina pausando a análise naquele momento não o que carregar primeiro executa primeiro head runs in order after the whole page is parsed script src library js defer script script src app js defer script runs as soon as it loads order not guaranteed script src analytics js async script head copiar use defer para scripts que dependem do dom ou uns dos outros a maior parte do código de aplicação use async para scripts independentes que não dependem de nada mais como scripts de análise ou tags de anúncio onde posicionar um script o lugar onde você coloca um script determina se os elementos da página existem quando ele é executado um script colocado logo antes do fechamento body é executado após todo o html acima ter sido analisado portanto pode acessar com segurança qualquer elemento da página body h1 id title loading h1 the h1 already exists so this works script document getelementbyid title textcontent ready script body copiar o mesmo efeito pode ser alcançado colocando o script no head com defer porque scripts adiados aguardam a conclusão da análise head script src app js defer script head body h1 id title loading h1 body copiar um script simples no head sem defer é executado antes de o corpo ser analisado então document getelementbyid title retornaria null type module defina type module para carregar o script como um módulo javascript módulos podem usar import e export para compartilhar código entre arquivos executam no modo estrito automaticamente e são adiados por padrão são executados após o html ser analisado mesmo sem o atributo defer script type module import greet from utils js greet world script copiar como acionar scripts você pode especificar se deseja que um script seja executado automaticamente assim que a página carrega ou após o usuário ter realizado alguma ação como passar o mouse sobre ou clicar em um link se quiser que o script seja executado quando o usuário realizar alguma ação chamada de evento você deve usar manipuladores de eventos para informar ao navegador qual evento é responsável por acionar o script os manipuladores de eventos podem ser especificados como atributos dentro das tags html ou anexados via javascript usando métodos como addeventlistener exemplo da tag html script com um manipulador de eventos exemplo de manipulador de eventos scripts html w3docs doctype html html head title event handler example title head body span id trigger bring your mouse here to see an alert span script function myalert alert i am an event handler document getelementbyid trigger addeventlistener mouseover myalert script body html copiar experimente você mesmo o elemento noscript embora muitos navegadores modernos suportem javascript alguns navegadores mais antigos não conseguem executar código javascript e os usuários também podem ter o javascript desabilitado em seus navegadores para fornecer informações alternativas para navegadores sem javascript ou com javascript desabilitado use a tag noscript o conteúdo desta tag é exibido ao usuário apenas quando o javascript está desabilitado ou quando o navegador não suporta javascript exemplo da tag html noscript meu primeiro exemplo com javascript scripts html w3docs doctype html html head title title of the document title head body p id output p script document getelementbyid output textcontent my first javascript example script noscript sorry your browser does not support javascript noscript p if javascript is disabled or the browser doesn t support it the content inside the noscript element is shown instead p body html copiar experimente você mesmo aqui o p id output é declarado antes do script então o parágrafo já existe no dom quando o script é executado e getelementbyid consegue encontrá lo quando o javascript está habilitado o usuário vê my first javascript example quando está desabilitado o navegador ignora o script e exibe a mensagem do noscript relacionados tag html script referência completa de atributos src type defer async e mais tag html noscript conteúdo de fallback para usuários sem javascript eventos javascript responda a cliques passagens do mouse e outras ações do usuário prática prática qual atributo faz o download de um script externo em paralelo e o executa somente após o html ser totalmente analisado mantendo os scripts na ordem da fonte qual atributo faz o download de um script externo em paralelo e o executa somente após o html ser totalmente analisado mantendo os scripts na ordem da fonte defer async charset nomodule verificar prática qual é o propósito do elemento noscript qual é o propósito do elemento noscript exibir conteúdo quando o javascript está desabilitado ou não é suportado carregar um script sem bloquear a página ocultar um script do navegador executar um script apenas em dispositivos móveis verificar was this page helpful yes no previous blocos html next estilos html css on this page como adicionar scripts defer vs async onde posicionar um script type module como acionar scripts o elemento noscript relacionados prática w3docs tutoriais exemplos exercícios snippets e quizzes gratuitos para a web desde 2014 livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python prática exercícios quizzes editor try it ferramentas html editor password generator html encoder code diff json beautifier empresa sobre contato política de privacidade idioma english deutsch русский français español português italiano 2026 w3docs todos os direitos reservados feito para desenvolvedores
|
