A標(biāo)簽中通過href和onclick傳遞的this對(duì)象實(shí)現(xiàn)思路
更新時(shí)間：2013年04月19日 17:31:05 作者：
想傳遞當(dāng)前對(duì)象給一個(gè)函數(shù)，于是就將這個(gè)URL寫成"Javascript:shoControlSidebar(this)"，可是結(jié)果發(fā)現(xiàn)這并不可行，接下來為大家詳細(xì)介紹下解決方法
在blog的后臺(tái)管理中允許為一個(gè)分類添加一個(gè)地址，但是不好添加onclick事件。想傳遞當(dāng)前對(duì)象給一個(gè)函數(shù)，于是就將這個(gè)URL寫成"Javascript:shoControlSidebar(this)"，可是結(jié)果發(fā)現(xiàn)這并不可行，傳遞過去的參數(shù)是一個(gè)對(duì)象，但是卻得不到任何其他信息。我想得到的是innerText，而這個(gè)this并非指向它所在的A標(biāo)簽。
這是<a href="Javascript:shoControlSidebar(this)">和<a href="javascript:void(0)" onclick="shoControlSidebar(this)">不同的地方。
當(dāng)使用onclick="shoControlSidebar(this)"的時(shí)候，解釋器會(huì)給他包裝一個(gè)匿名函數(shù)，變成了：
a.onclick = function anonymous()
{
shoControlSidebar(this);
}
這個(gè)this指的就是a這個(gè)對(duì)象，而使用href的方式時(shí)，由于是一個(gè)地址，這個(gè)this就無處可指了。
<a href="javascript:void(0);" onclick="test(this);">A標(biāo)簽測(cè)試</a>
想獲取A 中的innerHTML
如果href="test(this);" 不但獲取不到值，而且程序?qū)⑼顺?，href引向不對(duì)。
function test(obj){
alert(obj);
//js
alert(obj.innerHTML);
//jquery
alert($(obj).html());
}
這是<a href="Javascript:shoControlSidebar(this)">和<a href="javascript:void(0)" onclick="shoControlSidebar(this)">不同的地方。
當(dāng)使用onclick="shoControlSidebar(this)"的時(shí)候，解釋器會(huì)給他包裝一個(gè)匿名函數(shù)，變成了：
復(fù)制代碼 代碼如下:
a.onclick = function anonymous()
{
shoControlSidebar(this);
}
這個(gè)this指的就是a這個(gè)對(duì)象，而使用href的方式時(shí)，由于是一個(gè)地址，這個(gè)this就無處可指了。
復(fù)制代碼 代碼如下:
<a href="javascript:void(0);" onclick="test(this);">A標(biāo)簽測(cè)試</a>
復(fù)制代碼 代碼如下:
想獲取A 中的innerHTML
如果href="test(this);" 不但獲取不到值，而且程序?qū)⑼顺?，href引向不對(duì)。
復(fù)制代碼 代碼如下:
function test(obj){
alert(obj);
//js
alert(obj.innerHTML);
//jquery
alert($(obj).html());
}
相關(guān)文章
微信小程序如何實(shí)現(xiàn)數(shù)據(jù)共享與方法共享詳解
這篇文章主要給大家介紹了關(guān)于微信小程序如何實(shí)現(xiàn)數(shù)據(jù)共享與方法共享的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-01-01
這篇文章主要介紹了JavaScript對(duì)象和數(shù)組，需要的朋友可以參考下2015-12-12
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)電子時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)電子時(shí)鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
html+js實(shí)現(xiàn)動(dòng)態(tài)顯示本地時(shí)間
顯示本地時(shí)間的方法有很多，在本文將為大家介紹下如何使用html+js實(shí)現(xiàn)動(dòng)態(tài)顯示本地時(shí)間，感興趣的朋友可以了解下2013-09-09
JS實(shí)現(xiàn)顏色梯度與漸變效果完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)顏色梯度與漸變效果,結(jié)合完整實(shí)例形式分析了js顏色漸變所涉及的數(shù)學(xué)運(yùn)算與頁(yè)面樣式動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-12-12
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。本文給大家介紹BootStrap組件之輔組類與響應(yīng)式工具，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
微信小程序列表時(shí)間戳轉(zhuǎn)換實(shí)現(xiàn)過程解析
這篇文章主要介紹了微信小程序列表時(shí)間戳轉(zhuǎn)換實(shí)現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
js驗(yàn)證實(shí)用性非常高，用途非常廣泛，用于校驗(yàn)ip地址的格式等操作，本文給大家介紹JavaScript中常用的驗(yàn)證reg，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-10-10
Javascript做面向?qū)ο箝_發(fā)的時(shí)候，總是會(huì)用到很多模擬面向?qū)ο筇匦缘姆椒?，這些方法就構(gòu)成了支撐面向?qū)ο驤avascript的核心代碼2012-05-05
用Javascript數(shù)組處理多個(gè)字符串的連接問題
小技巧 用Javascript數(shù)組處理多個(gè)字符串的連接問題，大家可以參考下。2009-08-08