2011年8月23日 星期二

按下確認鍵後前往網頁

最近在寫網頁編輯資料庫資料的功能,有一筆要在頁面上刪除資料的按鈕,不過要避免掉不小心按掉的情況,所以我必須要在按下按鈕後,再讓使用者確認一次,之後才去進行刪除的動作。

方法有以下幾種:
<script>
function link2nthu() {
answer = confirm("你確定要連到google嗎?");
if (answer)
location.href="http://www.google.com";
}
</script>

<!-- 第一種方法:以函數來完成此項工作 -->
<a href="javascript:link2nthu()">google</a><br>

<!-- 第二種方法:將程式碼寫在連結內。若回傳值為真,則連至新位置 -->
<a href="javascript:if (confirm('你確定要連到google的首頁嗎?')) location.href='http://tw.yahoo.com/'">yahoo首頁</a><br>

<!-- 第三種方法:使用 onClick 來完成此項工作。若 onClick 的值為偽,則連結無作用 -->
<a href="http://www.ntu.edu.tw" onClick="return(confirm('你確定要連到facebook的首頁嗎?'))">facebook首頁</a>


用起來的結果看起來是一樣,就用比較習慣的方法就好了。

參考連結
反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...