2017-05-18 232 views
-2

我尝试使用javascript单击按钮时显示一个弹出窗口。 但出现此错误:未捕获ReferenceError:函数未定义

Uncaught ReferenceError: confirmation is not defined at HTMLButtonElement.onclick

function confirmation() { 
 
    var answer = confirm("Leave tizag.com?") 
 
    if (answer) { 
 
    alert("Bye bye!") 
 
    window.location = "http://www.google.com/"; 
 
    } else { 
 
    alert("Thanks for sticking around!") 
 
    } 
 
}
<button type="submit" class="danger btn btn-danger" onclick="confirmation()">Transférer</button>

+0

你的代码的工作文件... –

+0

你的代码是working..check您的片段 – prasanth

+0

该代码工作就好了。我的怀疑是你试图在jsFiddle中做到这一点。 jsFiddle有一个真正的脑死亡^ H^H^H^H^H^HI意思是,*令人惊讶*默认设置:它将所有代码包装在一个'window.onload = function(){/*...*/ '; wrapper。旧的'onxyz'属性样式事件处理程序只能调用全局函数(这是不使用它们的几个原因之一)。当jsFiddle像这样包装你的代码时,你的函数不是全局的。单击代码窗格上的[JavaScript]标签更改默认值,但是最好先使用现代事件处理。 –

回答

-1

您可以使用自己.html文件尚未连结.js文件。这是唯一可能的问题。

在你的HTML标签<body>的末尾添加:

<script src="your-script.js" type="text/javascript"></script> 
-1

你的JavaScript代码放置到一个脚本块?即

<script type="text/javascript"> 
    function confirmation() { 
     var answer = confirm("Leave tizag.com?") 
     if (answer) { 
     alert("Bye bye!") 
     window.location = "http://www.google.com/"; 
     } else { 
     alert("Thanks for sticking around!") 
     } 
    } 
</script> 
<button type="submit" class="danger btn btn-danger" onclick="confirmation()">Transférer</button> 
0

我建议一个可以肯定工作的解决方案。

将DOMContentLoaded的事件侦听器添加到整个文档并调用一个匿名函数。 然后,您可以将代码包装在该函数的括号 中,一旦加载完成,它就会执行。

<button type="submit" class="danger btn btn-danger" >Transférer</button> 

<script> 
var btn = document.querySelectorAll("button") 
document.addEventListener('DOMContentLoaded', function() { 
    btn[0].addEventListener("click", function() { 

// When this button is clicked we want to enable zooming of our list. 

// To do this we add an event listener to our list itself, 
// so when the cursor hovers it, the enlarge function gets called. 
    var answer = confirm("Leave tizag.com?") 
     if (answer) { 
     alert("Bye bye!") 
     window.location = "http://www.google.com/"; 
     } else { 
     alert("Thanks for sticking around!") 
     } 

}); 
}); 
</script> 

有一个美好的一天:)

相关问题