亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

詳解Html a標簽中href和onclick用法、區別、優先級別

2019-11-19 17:55:21
字體:
來源:轉載
供稿:網友

如果不設置 href屬性在IE6下面會不響應hover。雙擊后會選中標簽的父容器而非這個一a標簽(IE下都存在這一問題)。

代碼如下 

<a href="javascirpt:fn(this)"> <a onclick="fn(this)">

假定我們有個fn方法,需要取到這個元素,第一個方法傳入的this是空值。

所以,比較推薦的寫法是

代碼如下

<a href="javascript:void(0)" onclick="fn(this)">

下面代碼則執行了subgo()函數,

代碼如下

<a href="javascript:void(0)" onclick="subgo()">點我</a>

在這里,javascript:void(0),沒啟實質上的作用,它僅僅是一個死鏈接,執行的函數是subgo()。

代碼如下

<a  onclick="subgo()">點我</a>與<a href="javascript:void(0)" onclick="subgo()">點我</a>區別。

實際上 #包含了一個位置信息默認的錨是#top 也就是網頁的上端 ,而javascript:void(0) 僅僅表示一個死鏈接,沒有任何信息。所以調用腳本的時候最好用void(0)

href一般是指向一個URL地址,也可以調用javascript ,如href="javascript:xxx();",文檔中推薦這樣寫:

代碼如下

<a href="//www.49028c.com/zhongxing/U880/ javascript:void(0)" onclick="xxx();">xx</a>

但是這種方法在復雜環境有時會產生奇怪的問題,盡量不要用javascript:協議做為A的href屬性,這樣不僅會導致不必要的觸發window.onbeforeunload事件,在IE里面更會使gif動畫圖片停止播放。

我們知道鏈接的 onclick 事件被先執行,其次是 href 屬性下的動作(頁面跳轉,或 javascript 偽鏈接),如果不想執行href 屬性下的動作執行,onclick 需要要返回 false ,一般是這樣寫onclick="xxx();return false;".

TabPane的JS源碼,由于onclick沒有返回FALSE,當IFRMAE中關閉TABPANE時會導致href執行,頁面顯示有問題。解決辦法就是將下面代碼復制到使用TAB的JSP中。

Html A標簽中 href 和 onclick 同時使用的問題 優先級別

1 順序

ie 6 : href 先觸發 onclick 后觸發

其他瀏覽器 先觸發onlick 后觸發 href

2 href="javascript: xxx()"

不能傳入this作為參數

onclick可以

代碼如下

<a href="javascript:alert('href event');" onclick="clickevent(this);">

3 優先觸發的方法如果返回 false 導致后一個事件不被觸發

比如

代碼如下

<a href="javascript:alert('href event');" onclick="clickevent(this); return false;">

4

<a href="#"> 會導致頁面定位到書簽位置,

5

由于 1和 4 的原因

在ie6 下 同時有 <a href="#" 和 onclick的時候 由于頁面先因為href重新載入了一次,導致 onclick事件被瀏覽器丟棄。

6 總結:

1) 在不需要傳遞this作為方法的參數時候,推薦

只使用href="JavaScript: "

2) 如果需要使用this參數,推薦

代碼如下

<a href="javascript:void(0);" onclick="doSomthing(this)" > 

如下面一個列子。

我們需要A在第一次和第二次點擊的時候 訪問 href 第3次以后的就訪問另一個地址

代碼如下

var href=0function clicka(obj){ if (href==2) { obj.; }else { href++; } return true;} <a href="http://www.49028c.com/" target=_blank id="showa" onclick="clicka(this)"> 開屏高速下載 </a> 

在a標簽的href與onclick中使用javascript的區別

鏈接的 onclick 事件被先執行,其次是 href 屬性下的動作(頁面跳轉,或 javascript 偽鏈接);

假設鏈接中同時存在 href 與 onclick,如果想讓 href 屬性下的動作不執行,onclick 必須得到一個 false 的返回值。不信,你可以將 goGoogle 函數中的 return false 注釋掉;

如果頁面過長有滾動條,且希望通過鏈接的 onclick 事件執行操作。應將它的 href 屬性設為 javascript:void(0);,而不要是 #,這可以防止不必要的頁面跳動;

如果在鏈接的 href 屬性中調用一個有返回值的函數,當前頁面的內容將被此函數的返回值代替;

在按住Shift鍵的情況下會有所區別。

今天我遇到的問題,在IE6.0里以href的形式訪問不到parentNode。

盡量不要用javascript:協議做為A的href屬性,這樣不僅會導致不必要的觸發window.onbeforeunload事件,在IE里面更會使gif動畫圖片停止播放。

就這些,花了不少時間在這上面。

[緣由]

用CheckBoxList控件時想實現在每個checkbox后再加鏈接的功能,點鏈接實現一些功能之外,還要把checkbox選中。

代碼如下

<input type="checkbox" name="chk" id="chk"><label for="chk">選中它<a onclick="this.parentNode.click();"  style="border:solid 1px blue;">[label中的鏈接]</a></label>

最后用parentNode來實現的。

以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持武林網!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久在线视频在线| 亚洲va男人天堂| 久久精品久久久久久| 97香蕉久久夜色精品国产| 国产精品美女www爽爽爽视频| 国产精品露脸av在线| 欧美精品免费在线| 久久亚洲一区二区三区四区五区高| 91精品久久久久久久久| 色偷偷888欧美精品久久久| 久久精品2019中文字幕| 日韩动漫免费观看电视剧高清| 亚洲女人被黑人巨大进入| 在线观看日韩专区| 精品久久久久久久久久国产| 亚洲小视频在线观看| 黑人巨大精品欧美一区二区免费| 亚洲国产高清高潮精品美女| 日本亚洲欧美成人| 亚洲国产成人精品久久| 日韩有码在线视频| 亚洲国产婷婷香蕉久久久久久| 国产+人+亚洲| 亚洲欧洲在线免费| 亚洲美女视频网| 精品久久久视频| 欧美野外猛男的大粗鳮| 国产成人一区二区三区| 亚洲高清不卡av| 久久国产精品久久久久久| 91免费精品国偷自产在线| 亚洲精品福利在线观看| 欧美日韩一区免费| 日韩黄色av网站| 日韩中文字幕在线观看| 91亚洲国产成人精品性色| 欧美在线www| 成人h猎奇视频网站| 国产精品国产三级国产aⅴ浪潮| 国产噜噜噜噜久久久久久久久| 欧美怡红院视频一区二区三区| 欧美成人亚洲成人| 精品欧美激情精品一区| 亚洲成色777777女色窝| 久久91精品国产91久久跳| 精品视频在线导航| 91啪国产在线| 亚洲欧洲日韩国产| 日韩欧美黄色动漫| 欧美激情视频一区二区三区不卡| 日韩av大片免费看| 亚洲成人久久久久| 国产精品久久视频| 欧美成人四级hd版| 午夜精品一区二区三区在线视频| 欧美成人剧情片在线观看| 亚洲白虎美女被爆操| 亚洲高清av在线| 日韩中文字幕网| 亚洲性夜色噜噜噜7777| 国产精品欧美一区二区| 亚洲国产天堂久久综合网| 久久成人精品电影| 欧美一级淫片videoshd| 日韩精品欧美国产精品忘忧草| 欧美日韩中文字幕在线视频| 国产999精品视频| 国产精品久久久久91| 国产成人+综合亚洲+天堂| 久久精品影视伊人网| 欧美日韩中文字幕日韩欧美| 亚洲国产精品免费| 91精品免费视频| 97成人在线视频| 在线观看久久久久久| 最近2019好看的中文字幕免费| 日韩精品中文字幕久久臀| 亚洲精品电影网站| 欧美日韩加勒比精品一区| 欧美小视频在线观看| 日韩中文字幕在线精品| 色综合色综合久久综合频道88| 国产精品高清免费在线观看| 日本精品久久久久影院| 亚洲www在线观看| 在线播放精品一区二区三区| 国产99久久精品一区二区| 欧美成人自拍视频| 欧美性生交xxxxx久久久| 自拍视频国产精品| 亚洲成人动漫在线播放| 精品国产区一区二区三区在线观看| 高跟丝袜一区二区三区| 高清欧美性猛交| 性欧美暴力猛交69hd| 久久久久亚洲精品成人网小说| 热99精品只有里视频精品| 精品偷拍一区二区三区在线看| 久久免费国产视频| 亚洲精品一区二区三区婷婷月| 亚洲第一综合天堂另类专| 亚洲欧美制服第一页| 中文字幕欧美日韩va免费视频| 久久久久久高潮国产精品视| 欧美黑人国产人伦爽爽爽| 亚洲午夜精品久久久久久久久久久久| 日本免费在线精品| 日韩黄色在线免费观看| 69av成年福利视频| 国产精品久久久久久久久久久久久| 亚州精品天堂中文字幕| 亚洲专区中文字幕| 国产成人亚洲综合91| 国产一区二区三区毛片| 精品久久久久人成| 亚洲摸下面视频| 亚洲色在线视频| 91老司机精品视频| 日韩精品免费视频| 91精品国产高清自在线看超| 日韩欧美在线字幕| 国产欧美精品va在线观看| 亚洲美女精品久久| 69国产精品成人在线播放| 亚洲二区在线播放视频| 欧美精品在线免费观看| 亚洲久久久久久久久久久| 欧美俄罗斯乱妇| 亚洲第一区中文字幕| 久久91精品国产| 亚州精品天堂中文字幕| 欧美一级高清免费播放| 久久久精品亚洲| 欧美日韩成人精品| 亚洲国产精品中文| 国模精品视频一区二区| 成人网中文字幕| 国产精品久久一区主播| 97久久久久久| 亚洲人成电影网站色…| 日韩av手机在线看| 清纯唯美亚洲激情| 日韩视频亚洲视频| 高清在线视频日韩欧美| 国产日韩在线播放| 亚洲字幕一区二区| 亚洲a成v人在线观看| 国产精品国产自产拍高清av水多| 国产精品成人久久久久| 国产婷婷色综合av蜜臀av| 国产成人激情视频| 国产裸体写真av一区二区| 亚洲人成电影在线观看天堂色| 亚洲成**性毛茸茸| 北条麻妃在线一区二区| 奇门遁甲1982国语版免费观看高清| 日韩电影网在线| 亚洲毛片在线观看.| 欧美丰满片xxx777| 国产精品入口免费视频一| 日韩av最新在线观看| 国产日韩在线观看av| 欧美精品情趣视频| 亚洲欧美日韩中文视频|