Meine Funktion von js-Datei wird nicht aus HTML-Datei

Question

aufgerufen Ich arbeite auf einer Website, die Knoten js verwendet. Ich habe eine Funktion in meiner js-Datei hinzugefügt. Wenn ich jetzt versuche, die Funktion von der HTML-Seite aufzurufen, wird die Funktion nicht aufgerufen. Dieser ist der Code, den ich in der HTML-Seite verwendet:

<div id ="bubble" class="bubble-style" data-action="getSpeechBubble()</div> 

ich nur eine Konsole-Anweisung in der Funktion hinzugefügt:

getSpeechBubble: function() { 

     console.log(' getSpeechBubble '); 
} 

Answer 1

Es gibt mehrere Möglichkeiten zum Erstellen und Funktionen aufrufen, die beliebtesten verwendet unten ist

function getSpeechBubble(){ 
 
console.log("getSpeechBubble"); 
 
} 
 
//get function from data-action attribute 
 
var exc = document.getElementById("bubble").getAttribute("data-action"); 
 

 
//or window.addEventListener("load",new Function(exc),false); 
 
window.onload = new Function(exc); 
 
//or .addEventListener("clik",new Function(exc),false); 
 
document.getElementById("bubble").onclick = new Function(exc);

<div id ="bubble" class="bubble-style" data-action="getSpeechBubble()"> 
 
click me 
 
</div>

//1st way 
this.getSpeechBubble = function() { 
      console.log(' 1st way: getSpeechBubble '); 
} 
this.getSpeechBubble(); 
//2nd way 
this["getSpeechBubble"] = function() { 
      console.log(' 2nd way: getSpeechBubble '); 
} 
this["getSpeechBubble"](); 
//3rd way 
window["getSpeechBubble"] = function() { 
      console.log(' 3rd way: getSpeechBubble '); 
} 
window["getSpeechBubble"]() 
//4th way 
var getSpeechBubble = function() { 
      console.log(' 4th way: getSpeechBubble '); 
} 
getSpeechBubble(); 
//5th way 
var js = { 
getSpeechBubble: function(){ 
      console.log(' 5th way: getSpeechBubble '); 
} 
}; 
js.getSpeechBubble(); 
//6th way 
function getSpeechBubble() { 
      console.log(' 6th way: getSpeechBubble '); 
} 
getSpeechBubble();