2017-05-18 46 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> 

有一個美好的一天:)

相關問題