Como acessar atributos da tag script dentro do Javascript

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ódigoJavascript, 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)
}

 

Gunnar Correa
Gunnar Correa

Autodidata, Graduado em Desenvolvimento Web, Especialista em Tecnologias na Educação e Pós-graduando em Segurança da Informação. Começou seus estudos na área de programação quando era criança, e atualmente, está estudando desenvolvimento de jogos. Fundador da SatellaSoft, criado em 2009 com o intuito de compartilhar conhecimento de forma gratuita e inédita.

Deixe um comentário