a標籤的href與onclick事件的區別詳解

2020-12-12 網際網路IT先鋒

此文章主要為大家介紹了a標籤的href與onclick事件的區別詳解,具有一定的參考價值,學習覺得挺不錯的,分享給大家。

onclick中javascript的區別一般沒用到都沒注意,但出錯時才有些鬱悶,看文本章解釋如下:

以前一直很隨意,後來看.net裡的linkbutton似乎是用在的形式,今天用這種方式就遇到一些問題,摘網友的文章和我的結論放在下面:

1.連結的 onclick 事件被先執行,其次是 href 屬性下的動作(頁面跳轉,或 javascript 偽連結); 2.假設連結中同時存在 href 與 onclick,如果想讓 href 屬性下的動作不執行,onclick 必須得到一個 false 的返回值。不信,你可以將 goGoogle 函數中的 return false 注釋掉; 3.如果頁面過長有滾動條,且希望通過連結的 onclick 事件執行操作。應將它的 href 屬性設為 javascript:void(0);,而不要是 #,這可以防止不必要的頁面跳動;4.如果在連結的 href 屬性中調用一個有返回值的函數,當前頁面的內容將被此函數的返回值代替; 5.在按住Shift鍵的情況下會有所區別。 6.今天我遇到的問題,在IE6.0裡以href的形式訪問不到parentNode。 7.儘量不要用javascript:協議做為A的href屬性,這樣不僅會導致不必要的觸發window.onbeforeunload事件,在IE裡面更會使gif動畫圖片停止播放。就這些,花了不少時間在這上面。

[緣由]用CheckBoxList控制項時想實現在每個checkbox後再加連結的功能,點連結實現一些功能之外,還要把checkbox選中。

<input type="checkbox"><label for="chk">選中它<a href="#">[label中的連結]</a></label>最後用parentNode來實現的。<a href="javascript:void(0)">ClickToDefine</a>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。

相關焦點

  • Links(HREF元素)的click方法
    關鍵字:javascript, href, click, method對於HTML頁面上的超連結(HREF),並不是所有的瀏覽器都支持其click方法。在IE瀏覽器(4.0以上版本)中,我們可以使用click方法來模擬一個超連結的點擊操作。
  • 關於h5 a標籤中href屬性的多種用法
    撥打電話代碼如下所示:<a href="tel:1*********">撥號</a>字符串拼接方法成功代碼如下所示:<a :href="'tel:' + telPhone">{{telPhone}}<
  • 1月第27題:addEventListener('click') 和 onClick 區別?
    onclick綁定方式優點:簡潔、處理事件的this關鍵字指向當前元素
  • JavaScript中冒泡型事件和捕獲型事件區別是什麼?
    瀏覽器最初開始支持事件時,同一個事件僅僅只有一個元素相應。後來認為僅僅支持一個單一事件是不夠的,而IE4之後提出了事件流的概念,一個元素可以支持多個事件。常見的事件流有冒泡型事件和捕捉型事件。冒泡型事件冒泡型事件指的是事件按照從最特定的事件目標到最不特定事件目標順序逐一觸發,代碼如下:p標籤、div標籤、body標籤都添加了onclick事件,觸發了add()函數,單擊滑鼠時觸發了事件,會發現3個onclick函數都觸發了,觸發的順序是p標籤、
  • JS事件對象Event詳解
    ,<form> 標籤內按回車會自動提交等等。  如果想要阻止事件元素的默認行為,例如點擊 <a> 標籤時執行點擊事件,不要跳轉連結,需要在事件處理程序中調用 preventDefault 方法:<a href="http://baidu.com">百度一下,你就知道</a><script> document.querySelector(
  • HTML的元素、文檔格式標籤、HTML連結示例詳解
    2、HTML可以嵌套嵌套什麼意思,就是在一個標籤裡可以嵌套另一個標籤。比如:<p><b>Hello World</b></p>,b標籤嵌套在p標籤中,這樣就可以把p標籤中的Hello World加粗顯示。
  • html裡像href一樣為flash加連結
    首頁 > 教程 > 關鍵詞 > 連結最新資訊 > 正文 html裡像href一樣為flash加連結
  • php,過濾,過濾html標籤,過濾html
    標籤 p標籤是不可以套塊標籤的解決辦法:1:span點擊觸發事件悅遇博客 悅遇商城function redict(canshu) { //接下來使用js代碼進行頁面跳轉 window.location.href = canshu;
  • 詳細學習HTML的常用標籤:超級連接標籤A
    · href 設置或獲取目標 URL 或錨點。· hreflang 設置或獲取對象的語言代碼。· id 獲取標識對象的字符串。· innerHTML 設置或獲取位於對象起始和結束標籤內的 HTML。· innerText 設置或獲取位於對象起始和結束標籤內的文本。
  • JavaScript函數 - 事件驅動
    什麼是事件驅動函數? 最後給大家補充一個知識,叫做事件驅動函數,它到底是做什麼的呢?在頁面交互的過程中所調用的函數,該函數被稱之為事件驅動函數。現在先來簡單的了解一下,以後會詳細講到什麼是事件?和頁面交互的行為稱之為事件比如:滑鼠點擊某個按鈕時(onclick)、滑鼠浮動,或者滑鼠離開某一個區域(onmouseover、onmouseout)、文本框獲取焦點和失去焦點時(onfocus、onblur)等等如果我們想給一個按鈕綁定一個事件,就要通過事件驅動函數來綁定,並且通過id來找到它<script type = "text/javascript
  • a標籤 href vue專題及常見問題 - CSDN
    組件的書寫:<my-link url="/profile">dada</my-link>運用組件模板,可以在裡面書寫:<a v-bind:href="url"><slot></slot></a>
  • SEO優化中rel=external,noopener和nofollow三個標籤的作用詳解
    有比較細心的SEO優化同道可能會發現有的網站在a標籤上使用了rel="external",rel="noopener",rel="nofollow"及rel="noreferrer"這些單個的標籤或某些組合,為了解決他們之間到底有什麼用,到底對SEO優化有什麼樣影響和起什麼作用,我決定把寫一個詳細的教程
  • 第五篇:JavaScript事件處理
    當HTML元素與用戶發生交互行為時,該元素會觸發相關的交互事件,例如:當用戶用滑鼠單擊網頁中的按鈕時,按鈕會觸發滑鼠單擊事件(onclick)。元素自身也會觸發事件,例如:當圖片元素加載完成後,會觸發加載完成事件(onload)。
  • html< center>文本居中標籤
    在html中, <center>標籤是用來定義劇中文本,就是說<center>標籤中的文本內容將會劇中顯示。<center>標籤在html 4.01中已經廢棄,html5不再支持該標籤。
  • 學習html5之事件流及事件委託
    DOM事件模型的最獨特的性質是,文本節點也觸發事件(在IE中不會)  1、 冒泡事件流  當事件在某一DOM元素被觸發時,例如用戶在客戶名字節點上點擊滑鼠,事件將跟隨著該節點繼承自的各個父節點冒泡穿過整個的DOM節點層次,直到它遇到依附有該事件類型處理器的節點,此時,該事件是onclick事件。