前端學習程式碼例項-JavaScript 阻止擊超連結的跳轉
點選連結具有跳轉效果,但是有時我們不需要這種效果。
下面就通過程式碼例項介紹一下如何實現此效果。
程式碼如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>web前端開發學習扣qun:731771211詳細教程分享</title> <style type="text/css"> div{ width:150px; height:50px; margin:0px auto; margin-top:800px } </style> </head> <body> <div><a href="#">學習前端,我們是認真的</a></div> </body> </html>
以上程式碼雖然將連結地址設定為#,但是點選之後依然有跳轉效果,網頁返回頂端。
程式碼修改如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>學習前端,我們是認真的</title> <style type="text/css"> div{ width:150px; height:50px; margin:0px auto; margin-top:800px } </style> </head> <body> <div><a href="#">學習前端,我們是認真的</a></div> </body> </html>
更多程式設計知識分享,關注v-x公眾號id:mtbcxx