国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

Html的a標簽中href和onclick用法區(qū)別以及優(yōu)先級別

2020-03-24 19:01:48
字體:
供稿:網(wǎng)友
本文主要分享一篇關(guān)于Html A標簽中href和onclick用法、區(qū)別、優(yōu)先級別,具有很好的參考價值,有需要了解的朋友可以看看

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

代碼如下

 a href= javascirpt:fn(this) a quot;fn(this) 

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


所以,比較推薦的寫法是

代碼如下

 a href= javascript:void(0) quot;fn(this) 

下面代碼則執(zhí)行了subgo()函數(shù)

代碼如下

 a href= javascript:void(0) quot;subgo() 點我 /a 

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

代碼如下

 a href= http://blog.163.com/wb_zhaoyuwei/blog/# quot;subgo() 點我 /a 與 a href= javascript:void(0) quot;subgo() 點我 /a 區(qū)別。

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

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

代碼如下

 a href= http://www.jb51.net/zhongxing/U880/ javascript:void(0) quot;xxx(); xx /a 

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

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

TabPane的JS源碼,由于onclick沒有返回FALSE,當(dāng)IFRMAE中關(guān)閉TABPANE時會導(dǎo)致href執(zhí)行,頁面顯示有問題。解決辦法就是將下面代碼復(fù)制到使用TAB的JSP中。

Html A標簽中 href 和 onclick 同時使用的問題 優(yōu)先級別

1 順序

ie 6 : href 先觸發(fā) onclick 后觸發(fā)

其他瀏覽器 先觸發(fā)onlick 后觸發(fā) href

2 href= javascript: xxx()

不能傳入this作為參數(shù)

onclick可以

代碼如下

 a href= javascript:alert( href event quot;clickevent(this); 

3 優(yōu)先觸發(fā)的方法如果返回 false 導(dǎo)致后一個事件不被觸發(fā)

比如

代碼如下

 a href= javascript:alert( href event quot;clickevent(this); return false; 

4

a href= # 會導(dǎo)致頁面定位到書簽位置,

5

由于 1和 4 的原因

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

6 總結(jié):

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

只使用href= JavaScript:

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

代碼如下

a href= javascript:void(0); quot;doSomthing(this)

如下面一個列子。

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

代碼如下

var href=0function clicka(obj) if (href==2) obj.href= http://www.baidu.com?qc  }else href++; return true; a href= http://www.jb51.net/ target=_blank id= showa quot;clicka(this) 開屏高速下載 /a 

在a標簽的href與onclick中使用javascript的區(qū)別

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

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

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

如果在鏈接的 href 屬性中調(diào)用一個有返回值的函數(shù),當(dāng)前頁面的內(nèi)容將被此函數(shù)的返回值代替;

在按住Shift鍵的情況下會有所區(qū)別。

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

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

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

[緣由]

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

代碼如下

 input type= checkbox name= chk id= chk  label for= chk 選中它 a quot;this.parentNode.click(); href= http://luwenxiang1990.blog.163.com/blog/# >

最后用parentNode來實現(xiàn)的。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,更多相關(guān)內(nèi)容請關(guān)注PHP !

相關(guān)推薦:

HTML的a標簽href屬性指定相對路徑與絕對路徑的用法講解

以上就是Html的a標簽中href和onclick用法區(qū)別以及優(yōu)先級別的詳細內(nèi)容,html教程

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 安陆市| 宁波市| 青川县| 格尔木市| 和田市| 蓝山县| 夏津县| 平舆县| 宾阳县| 景泰县| 治县。| 监利县| 浙江省| 平湖市| 浮山县| 神池县| 新和县| 徐闻县| 唐山市| 磴口县| 修水县| 莱芜市| 宣城市| 淳安县| 德州市| 叙永县| 镶黄旗| 蒙阴县| 达拉特旗| 壤塘县| 邵阳县| 宜丰县| 新郑市| 津南区| 南平市| 越西县| 左云县| 蓬溪县| 鄄城县| 开远市| 曲阜市|