javascript:void(0);在火狐、IE中也會跳轉到新的頁面問題
在專案中遇到一個奇怪的問題:
<a target="_blank" href="javascript:void(0);">點我啊</a>
這樣一段程式碼,在谷歌中點選a標籤,並不會發生頁面跳轉,但是在IE和火狐則會跳轉到一個空白頁面。
問題原因
瀏覽器預設處理事件的順序有差異。
Chrome順序:onclick -> href -> target
IE和Firefox順序:onclick -> target -> href
解決方案
1.新增onClick事件,直接return false阻止之後瀏覽器預設事件的執行。
<a target="_blank" onclick="return false" href="javascript:void(0);">點我啊</a>
2.直接去掉href屬性
<a target="_blank">點我啊</a>
其實就是事件衝突導致的,只要保證不在target和href同時存在時,就不存在該問題。出現了該問題最好採用去掉href的方式,因為return false會阻止瀏覽器預設事件的執行,如果之後有用到的話會變得更麻煩。
相關推薦
javascript:void(0);在火狐、IE中也會跳轉到新的頁面問題
在專案中遇到一個奇怪的問題: <a target="_blank" href="javascript:void(0);">點我啊</a> 這樣一段程式碼,在谷歌中點選a標籤,並不會發生頁面跳轉,但是在IE和火狐則會跳轉到一個空白
thinkphp5登入並儲存session、根據不同使用者許可權跳轉不同頁面
本文介紹如何在thinkphp5中完成登入並儲存session、然後根據不同的使用者許可權跳轉相應頁面功能的實現。完成該步驟主要有以下三個步驟完成。 一、密碼校驗 這裡view層提交過來的使用者名稱和密碼是不加密的,資料中的密碼是經過md5加密的,所以首
相容 火狐、IE 的中a標籤用 javascript:void(0); 依然執行跳轉的問題
<a onclick="return false;" href="javascript: void(0)" target="_blank"></a>這麼做相容的原因是:目前三大主流瀏覽器,對三個屬性的處理順序不同。Chrome:onclick -> href ->
火狐、Safari的js用javascript:void(0);依然執行跳轉的bug
今天使用者反饋,火狐下面這段程式碼有問題: <a href="javascript:void(0);" ><span class="chat">聯絡客服</span></a> 用了這麼久的javascript:void(0
老生常談IE相容性:ie6 javascript:void(0)、IE7 input透明、IE8 jquery動態載入css
這年頭依舊有人堅守IE6陣營,為什麼呢?人家客戶說單位以前系統必須用IE6沒辦法升級,這理由還真充分! 一、IE6 對javascript:void(0)的支援 問題:<a href=”javaScript:void(0)” onclick=”doSomet
關於火狐和IE下href="javascript:void(0)"相容性的問題
火狐和IE下href="javascript:void(0) 會彈出空白頁 經過排查,發現是href="javascript:void(0);"導致的問題,本來javascript:void(0);的用處是不用整體重新整理網頁且返回一個空值,但這兒由於DOM本身的冒泡事件
js中 javascript:void(0)的含義
bsp expr dem 指定 超級 位置信息 標準 doc ssi void(0)用於執行某些處理,但是不整體刷新頁面的情況下, javascript:void(0)表示不做任何動作。如: <a href="javascript:void(0);" oncli
看到很多人都寫的是javascript:void(0);,新浪微博也是,為什麼不能直接寫成javascript:;?
北風網解答: 對於void的說明: void 運算子對任何值返回 undefined。該運算子通常用於避免輸出不應該輸出的值,例如,從 HTML 的 <a> 元素呼叫 JavaScript 函式時。要正確做到這一點,函式不能返回有效值,否則瀏覽器將清空頁面,
火狐a連結javascript:void(0);出現的問題
今天出現了 <a href="javascript:void(0)" onclick="favAll()" target="_blank" class="make_sure"
a標籤中的javascript:void(0)的作用
我們都知道a標籤的href具有連結作用,會把我們引向指定的頁面。這可以理解為我們每點選一下a標籤,頁面就會重新整理一次,指向另一個連線頁面。 但是某些情況下我們把a標籤當作按鈕來使用,但又不希
IE和Firefox下,a標籤使用href=”javascript:void(0);”和target=”_blank”行為不符合預期
今天在開發中發現,使用如下方式的連結。在Chrome中點選後行為符合預期,但在IE下會新開標籤卡(根據參考資料,Firefox中有相同問題)。 <a href=”javascript:void
a標籤使用href=”javascript:void(0); 在火狐瀏覽器跟chrome 不相容
今天在開發中發現,使用如下方式的連結。在Chrome中點選後行為符合預期,但在IE下會新開標籤卡(根據參考資料,Firefox中有相同問題)。 <a href=”javascript:void(0);” target=”_blank”>test</a&g
IE6中請求莫名中斷(條件:a標籤,click事件中有ajax請求,a標籤中有href且是JavaScript:void(0);或JavaScript:;等阻斷跳轉程式碼)
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> var url = "http://api.flic
連結中javascript: void(0)的使用介紹
最近看了好幾個關於<a>標籤和javascript:void(0)的帖子,謹記於此,以資查閱。 注:以下程式碼未經全面測試,但每一種方法可能會出現的情況都基本做了說明。 在做頁面時,如果想做一個連結點選後不做任何事情,或者響應點選而完成其他事情,可以設
javascript:void(0) 含義
logs 代碼 操作 表達 格式 -c 超級鏈接 func 計算 我們經常會使用到 javascript:void(0) 這樣的代碼,那麽在 JavaScript 中 javascript:void(0) 代表的是什麽意思呢? javascript:void(0) 中最關
javascript void 0替換掉不靠譜的 undefined
exp obb www win ... code fun del uri 標識符 undefined 並不能真正反映 “未定義”, 因為undefined 並不是JavaScript 保留詞 JavaScript 提供了 void 運算符,該運算符會對指定的表達式求值,並返
詳解javascript: void(0);
返回值 http asc https 我們 href tps www. 默認 原文 簡書原文:https://www.jianshu.com/p/08ae8cbeb3be 什麽是javascript: void(0); 我們經常會使用到 javascript:voi
javascript\:;與javascript \:void(0)使用介紹
最近看了好幾個關於<a>標籤和javascript:void(0)的帖子,謹記於此,以資查閱。 注:以下程式碼未經全面測試,但每一種方法可能會出現的情況都基本做了說明。 在做頁面時,如果想做一個連結點選後不做任何事情,或者響應點選而完成其他事情,可以設定其屬性 h
關於javascript void(0)的含義
注:CSDN的部落格的標題不能輸入冒號,所以標題的冒號用空格代替了 背景: 在網頁端,有的時候點選按鈕,但是不希望當前頁面改變,只是希望在原來的基礎上彈出一個新的對話方塊,這時就需要它了 用法: <a href="javascript:void(0)" onc
javascript:void(0)的作用和妙用
void 操作符用法格式如下: 1. javascript:void (expression) 2. javascript:void expression expression是一個要計算的 JavaScript 標準的表示式。表示式外側的圓括號是可選的,但是寫上去是一個好習慣。我們可以使用 void 操作