You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 1-js/02-first-steps/01-hello-world/2-hello-alert-ext/task.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,4 +6,4 @@ importância: 5
6
6
7
7
Tome a solução da tarefa anterior <info:task/hello-alert>. Modifique-o extraindo o conteúdo do script para um arquivo externo `alert.js`, residindo na mesma pasta.
Copy file name to clipboardExpand all lines: 1-js/02-first-steps/01-hello-world/article.md
+8-12Lines changed: 8 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,7 +6,6 @@ Mas precisamos de um ambiente de trabalho para rodar nossos scripts e, como esse
6
6
7
7
Então, primeiro, vamos ver como anexar um script a uma página. Para ambientes server-side (como Node.js), você pode executar o script com um comando como `"node my.js"`.
8
8
9
-
10
9
## A tag "script"
11
10
12
11
Os programas JavaScript podem ser inseridos em quase qualquer parte de um documento HTML com a ajuda da tag `<script>`.
@@ -40,28 +39,26 @@ Você pode executar o exemplo clicando no botão "Jogar" no canto superior direi
40
39
41
40
A tag `<script>` contém código JavaScript que é executado automaticamente quando o navegador processa a tag.
42
41
43
-
44
42
## Marcação moderna
45
43
46
44
A tag `<script>` tem alguns atributos que raramente são usados hoje em dia, mas que ainda podem ser encontrados em códigos antigos:
47
45
48
46
O atributo `type`: <code><script <u>type</u>=...></code>
49
-
: O antigo padrão HTML, HTML4, requeria um script para ter um `type`. Normalmente era `type="text/javascript"`. Não é mais necessário. Além disso, o moderno padrão HTML, HTML5, mudou totalmente o significado deste atributo. Agora, ele pode ser usado para módulos JavaScript. Mas esse é um tópico avançado; vamos falar sobre módulos em outra parte do tutorial.
47
+
: O antigo padrão HTML, HTML4, requeria um script para ter um `type`. Normalmente era `type="text/javascript"`. Não é mais necessário. Além disso, o moderno padrão HTML, HTML5, mudou totalmente o significado deste atributo. Agora, ele pode ser usado para módulos JavaScript. Mas esse é um tópico avançado; vamos falar sobre módulos em outra parte do tutorial.
50
48
51
49
O atributo `language`: <code><script <u>language</u>=...></code>
52
50
: Este atributo foi criado para mostrar o idioma do script. Este atributo não faz mais sentido porque JavaScript é a linguagem padrão. Não há necessidade de o usar.
53
51
54
52
Comentários antes e depois dos scripts.
55
53
: Em livros e guias realmente antigos, você pode encontrar comentários dentro de tags `<script>`, assim:
56
54
57
-
```html no-beautify
58
-
<script type="text/javascript"><!--
59
-
...
60
-
//--></script>
61
-
```
62
-
63
-
Esse truque não é usado no JavaScript moderno. Esses comentários esconderam código JavaScript de navegadores antigos que não sabiam como processar a tag `<script>`. Como os navegadores lançados nos últimos 15 anos não têm esse problema, esse tipo de comentário pode ajudá-lo a identificar códigos realmente antigos.
55
+
```html no-beautify
56
+
<scripttype="text/javascript"><!--
57
+
...
58
+
//--></script>
59
+
```
64
60
61
+
Esse truque não é usado no JavaScript moderno. Esses comentários esconderam código JavaScript de navegadores antigos que não sabiam como processar a tag `<script>`. Como os navegadores lançados nos últimos 15 anos não têm esse problema, esse tipo de comentário pode ajudá-lo a identificar códigos realmente antigos.
65
62
66
63
## Scripts externos
67
64
@@ -92,7 +89,7 @@ Para anexar vários scripts, use múltiplas tags:
92
89
```smart
93
90
Como regra, apenas os scripts mais simples são colocados em HTML. Os mais complexos residem em arquivos separados.
94
91
95
-
O benefício de um arquivo separado é que o navegador irá baixá-lo e armazená-lo em seu [cache](https://pt.wikipedia.org/wiki/Web_cache).
92
+
O benefício de um arquivo separado é que o navegador irá baixá-lo e armazená-lo em seu [cache](https://pt.wikipedia.org/wiki/Web_cache).
96
93
97
94
Outras páginas que referenciam o mesmo script o tirarão do cache ao invés de baixá-lo, então o arquivo é baixado apenas uma vez.
98
95
@@ -128,5 +125,4 @@ O exemplo acima pode ser dividido em dois scripts para funcionar:
128
125
- Os atributos `type` e `language` não são necessários.
129
126
- Um script em um arquivo externo pode ser inserido com `<script src="path/to/script.js"></script>`.
130
127
131
-
132
128
Há muito mais a aprender sobre os scripts dos navegadores e sua interação com a página. Mas vamos ter em mente que esta parte do tutorial é dedicada à linguagem JavaScript, então não devemos nos distrair com implementações específicas de navegadores. Estaremos usando o navegador como uma maneira de rodar JavaScript, que é muito conveniente para leitura online, mas apenas um de muitos.
0 commit comments