1. 程式人生 > >a標籤的onclick與href同時存在的處理

a標籤的onclick與href同時存在的處理

        在用 <a href="" onclick=""> 時,我們菜鳥經常會不知道如何處理頁面跳轉與否的問題,現在我在網上搜索發現瞭如下內容:

        1、連結的onclick事件被先執行,其次是href屬性下的動作(頁面跳轉,或 javascript 偽連結);
        2、如果想讓href屬性下的動作不執行,onclick必須得到一個false的返值;
        3、如果頁面過長有滾動條,且希望通過連結的 onclick事件執行操作。應將它的 href屬性設為 javascript:void(0); ,而不要是 #,這可以防止不必要的頁面跳動;
如果在連結的 href屬性中呼叫一個有返回值的函式,當前頁面的內容將被此函式的返回值代替;

        但是以上的onclick事件不能包括onclick="window.open('url',' ');"這種情況,要是onclick有了window.open但是又不想頁面發生跳轉,我們可以在當前頁面巢狀一個iframe,給它起一個name="newName"和id="newName",而把裡面寫入空的html、head、body;並在onclick裡寫入"window.open('url',' newName');",這樣,當前頁面就相當於做了一個假跳轉,也不用href屬性防止跳轉了。

相關推薦

a標籤onclickhref同時存在的處理

        在用 <a href="" onclick=""> 時,我們菜鳥經常會不知道如何處理頁面跳轉與否的問題,現在我在網上搜索發現瞭如下內容:         1、連結的onclick事件被先執行,其次是href屬性下的動作(頁面跳轉,或 javasc

A標籤中通過hrefonclick傳遞的this物件實現思路

想傳遞當前物件給一個函式,於是就將這個URL寫成”Javascript:shoControlSidebar(this)”,可是結果發現這並不可行,接下來為大家詳細介紹下解決方法 在blog的後臺管理中允許為一個分類新增一個地址,但是不好新增onclic

A標籤中通過hrefonclick傳遞的this物件

功能:刪除表格中的一行 body: <table border="1" width="50%" id="table">   <tr><th>學號</th><th>姓名</th><th>操作&

【js】js模擬點選a標籤,觸發href

js中的$(...).click()事件只能觸發繫結的onClick方法,不能跳轉到href。 常規情況下如果想下如果想在js裡跳轉href的連結,會先用attr獲取到href屬性的值,然後window.location.href跳轉,但是現在想利用a標籤的download屬性實現下載功能,如果

js提交a標籤中的href地址

場景: 專案中有一個刪除是直接用的a標籤的href和jinja的url_for+刪除操作的路由地址實現刪除操作 <a href="url_for('admin.area_delete',id=id)" class='btn btn-xs btn-danger'> <

關於mui框架a標籤不能href跟**onlick()**跳轉頁面

關於mui框架< a > 標籤不能href跟onlick()跳轉頁面 大家好~我是第一次寫部落格,有什麼不對的希望大家能夠指出來,我們一起討論。 就前天臨時接到一個專案說要做一個有關汽車的H

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

Jsoup抓取到頁面A標籤中的href路徑

  直接上程式碼,註釋很全乎 public static void main(String[] args)throws Exception{ //抓取的網址 String url = "http://www.stats.gov.cn/tjsj

thymeleaf 頁面a標籤 onclick傳引數使用方式

thymeleaf a標籤onclick 傳多個引數給ajax使用,用 ‘’單引號。 <a href="javascript:void(0)" th:onclick= "'javascript:goRead('+${item.id}+','+${cart

【JavaScript】a標籤onclick傳遞引數不對

理想效果:點選a標籤,呼叫js方法並且傳遞引數。js方法獲取引數呼叫後臺方法。 問題:方法能夠呼叫到,傳遞引數時引數奇奇怪怪的。不是想要的值。 錯誤示例: <a href="javascript:waterLineEdit(${goods.goods_id})" &g

js模擬點選a標籤,觸發href

js中的$(...).click()事件只能觸發繫結的onClick方法,不能跳轉到href。 常規情況下如果想下如果想在js裡跳轉href的連結,會先用attr獲取到href屬性的值,然後window.location.href跳轉,但是現在想利用a標籤的download

關於A標籤使用onclick事件的疑問,若是href="#",跳轉無反應,以及href=#href=javascript:void(0)的區別

#"包含了一個位置資訊 預設的錨點是#top 也就是網頁的上端 而javascript:void(0)  僅僅表示一個死連結 這就是為什麼有的時候頁面很長瀏覽連結明明是#可是跳動到了頁首 而javascript:void(0) 則不是如此 所以呼叫指令碼的時候最好用void(0) 或者<

a標籤hrefonclick屬性同時存在點選事件先觸發

onclick的事件被先執行,其次是href中定義的(頁面跳轉或者javascript)同時存在兩個定義的時候(onclick與href都定義了),如果想阻止href的動作,在onclick必須加上return false; 一般是這樣寫onclick="xxx();retu

a標籤onclick, href

1. 以下這種寫法,onclick 事件先執行, href 屬性下的動作後執行(頁面跳轉或 javascript 偽連結),如果不想執行 href 屬性下的動作,onclick 需要返回 false: <a href="https://www.baidu.com/"

window location href多次跳轉導致a標籤中的onclick失效

我們通過window.location.href來多次跳轉一個介面的時候可能會出現a標籤的失效,可以通過 <a  href="javascript:history.go(-1);" >返回

a標籤onclick事件和href屬性使用

連結的onclick 事件被先執行,其次是href屬性下的動作(頁面跳轉,或 javascript 偽連結);假設連結中同時存在href 與onclick,如果想讓href 屬性下的動作不執行,onclick 必須得到一個false的返回值;如果頁面過長有滾動條,且希望通

Html A標籤hrefonclick用法、區別、優先級別

http://gocom.primeton.com/blog21307_27051.htm 我以前在寫<A>的href和onclick一直很隨意,後來出過幾次問題,以後才開始重視這個問題: 首先摘錄一篇文件: 在Javascript中void是一個操

a標籤href onclick

⒈  連結的 onclick 事件被先執行,其次是 href 屬性下的動作(頁面跳轉,或 javascript 偽連結); ⒉  假設連結中同時存在 href 與 onclick,如果想讓 href 屬性下的動作不執行,onclick 必須得到一個 false 的返回值;

a標籤onclickhref 哪個先執行?

 以下這種寫法,onclick 事件先執行, href 屬性下的動作後執行(頁面跳轉或 javascript 偽連結),如果不想執行 href 屬性下的動作,onclick 需要返回 false。<a href="https://www.baidu.com/" oncl

a標籤href屬性傳遞引數,onclick屬性傳遞引數

1.href 傳遞變數 $(".dowebok").append('<a class="notice-content" id="href_content" target="_top" href