JavaScript 阻止擊超連結的跳轉
點選連結具有跳轉效果,但是有時我們不需要這種效果。
下面就通過程式碼例項介紹一下如何實現此效果。
程式碼如下:
[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>
以上程式碼雖然將連結地址設定為#,但是點選之後依然有跳轉效果,網頁返回頂端。
程式碼修改如下:
[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>
上面程式碼消除了跳轉現象,也就是讓onclick事件處理函式返回值為false即可。
相關文章
- JavaScript 阻止超連結跳轉JavaScript
- JavaScript 阻止超連結的跳轉JavaScript
- 前端學習程式碼例項-JavaScript 阻止擊超連結的跳轉前端JavaScript
- TextView:超連結的樣式與跳轉TextView
- 阻止a標籤的跳轉,a標籤自動跳轉引起的錯誤
- 阻止a標籤預設跳轉事件事件
- (一)Chrome書籤連結跳轉Chrome
- 玩轉報表超連結
- win10 超連結你的組織策略阻止怎麼辦 win10組策略禁止超連結怎麼解決Win10
- 直播平臺開發,實現點選跳轉外部連結時的跳轉步驟
- javascript 跳轉頁面JavaScript
- PHP獲取動態跳轉後的真實連結PHP
- 華為AppGallery常用跳轉與連結詳解APP
- 網址連結跳轉外部安全提醒程式碼
- 直播app原始碼,跳轉站外連結或平臺內部跳轉頁面APP原始碼
- [提問交流]這要如何實現跳轉連結
- 點選連結跳轉到應用指定頁面
- JavaScript 頁面跳轉效果JavaScript
- 阻止SYN Flood攻擊
- Java 操作PDF中的超連結——新增、更新、刪除超連結Java
- JavaScript從反轉陣列到連結串列反轉JavaScript陣列
- HTML超連結HTML
- ln 超連結
- vue日記②之相容各種情況的可跳轉連結Vue
- JavaScript五花八門的跳轉方式JavaScript
- 【eslint 外掛開發】禁用 location 跳轉外部連結EsLint
- 防止點選連結<a>有跳轉動作解決方案
- [WAMP網站開發] PHP實現select新聞查詢及超連結詳情跳轉網站PHP
- 資料結構:跳躍連結串列資料結構
- JavaScript頁面跳轉程式碼JavaScript
- JavaScript阻止事件冒泡JavaScript事件
- 超連結a的target屬性
- 讓輸入的連結字串自動可以點選跳轉程式碼字串
- javascript中的連結串列結構—雙向連結串列JavaScript
- 【HTML】03超連結HTML
- 大象跳轉良心提供在微信中點選連結直接跳轉到手機預設瀏覽器的功能程式碼瀏覽器
- JavaScript字串中URL的檢測並轉換為連結JavaScript字串
- 頁面連結跳轉--指定協議,半協議,無協議協議