Como acessar atributos da tag script dentro do Javascript
Utilizando recursos da própria linguagem conseguimos acessar o elemento que o fez referência.
Javascript é uma linguagem que avança tão rápido de forma que os navegadores não conseguem acompanhar a sua evolução, fazendo com que nós desenvolvedores recorra a recursos como o Babel. Por outro lado, existem inúmeros recursos suportados pelos browser que muitos outros desenvolvedores desconhecem.
Em vários cenários precisamos passar parâmetros para as nossas linhas de código Javascript, para isso, comumente utilizamos input do tipo hidden, armazenando informações que vamos acessá-las posteriormente.
O Javascript contém uma propriedade chamada de currentScript, ela nos retorna o elemento que está sendo processado no momento, assim, podemos obter os atributos da mesma. Confira nossa videoaula completa abaixo para mais explicações.
Todos os códigos utilizados na aula estão disponíveis abaixo.
index.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aula - SatellaSoft</title>
<link rel="preload" href="script.js" as="script">
</head>
<body>
<script src="script.js" defer="defer" data-testar="sim"></script>
</body>
</html>
script.js
'use strict'
const debug = document.currentScript.getAttribute('data-testar')
if (debug != null && debug == 'sim') {
console.log(debug)
}