Imagine um código:
<div id='teste' data-conteudo="funcao()"></div>
Quero que ao pegar o atributo data-conteudo
a função "função()" seja acionada, como se fosse um valor do atributo "onclick".
Eu não usaria eval
por motivos de segurança. Em vez disso criaria uma nova função que chamaria a função funcao()
usando new Function(nome_da_função())
:
function funcao(){
console.log("função executada");
}
var atr = document.getElementById("teste").dataset.conteudo;
var funcao2 = new Function(atr);
funcao2(); // outro nome que chama funcao()
funcao(); // nome original
<div id='teste' data-conteudo="funcao()"></div>
Somente aconteceria que a funcao()
passaria a ter um outro nome: funcao2()
, sem deixar também de ser funcao()
.
function funcao()
{
alert("Dolly guaraná");
}
var dc = document.getElementById("teste").getAttribute("data-conteudo");
eval(dc);
<div id='teste' data-conteudo="funcao()"></div>
Créditos a Jefferson Quesado por me lembrar
function pegar_todos_os_usuarios(){
return [
{name:"zé ramalho", pass:"ramalho"},
{name:"Largato", pass:"mosca"}
];
}
function funcao()
{
alert("Dolly guaraná");
}
var dc = document.getElementById("teste").getAttribute("data-conteudo");
eval(dc);
<div id='teste' data-conteudo="alert(JSON.stringify(pegar_todos_os_usuarios(), null, 4))"></div>
Agora imagine a bagunça que ele pode fazer
Resumindo
Como isso é uma string, a cada função chamada, você poderá verificar se é aquilo mesmo que você quer, ex:
function pegar_todos_os_usuarios(){
return [
{name:"zé ramalho", pass:"ramalho"},
{name:"Largato", pass:"mosca"}
];
}
function funcao()
{
alert("Dolly guaraná");
}
var btn = document.querySelector(".opa");
btn.onclick = function () {
var dc = document.getElementById("teste").getAttribute("data-conteudo");
if (dc === 'funcao()') {
eval(dc);
} else {
alert("Falha");
}
}
<div id="teste" data-conteudo="pegar_todos_os_usuarios()"></div>
<button class="opa">EXECUTAR</button>
eval
é uma arma poderosa que não liga se vai ser usada para o bem ou para o mal, simplesmente usará tudo que tem lá. Normalmente é perigoso usar ele sem maiores cuidados
Commented
2/03/2018 às 1:06