點選連結<a>彈出確認視窗程式碼例項

admin發表於2017-04-01

在實際應用中可能有這樣的效果，那就是點選連結會彈出一個確認視窗。

下面就介紹一下如何用js實現此效果，程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script>
function linkok(url){
  var bool=confirm("確認跳轉到" + url +"嗎？");
  if(bool){
    window.location.href = url;
  }
}
window.onload=function(){
  var olink=document.getElementById("link");
  olink.onclick=function(){
    linkok("http://www.softwhy.com")
  }
}
</script>
</head>
<body>
<a id="link" href="#">螞蟻部落</a>
</body>
</html>

上面的程式碼實現了我們的要求，程式碼非常簡單這裡就不多介紹了。

confirm()方法可以參閱window.confirm()方法一章節。

相關文章