A標簽中通過href和onclick傳遞的this對象實現(xiàn)思路
更新時間:2013年04月19日 17:31:05 作者:
想傳遞當前對象給一個函數(shù),于是就將這個URL寫成"Javascript:shoControlSidebar(this)",可是結(jié)果發(fā)現(xiàn)這并不可行,接下來為大家詳細介紹下解決方法
在blog的后臺管理中允許為一個分類添加一個地址,但是不好添加onclick事件。想傳遞當前對象給一個函數(shù),于是就將這個URL寫成"Javascript:shoControlSidebar(this)",可是結(jié)果發(fā)現(xiàn)這并不可行,傳遞過去的參數(shù)是一個對象,但是卻得不到任何其他信息。我想得到的是innerText,而這個this并非指向它所在的A標簽。
這是<a href="Javascript:shoControlSidebar(this)">和<a href="javascript:void(0)" onclick="shoControlSidebar(this)">不同的地方。
當使用onclick="shoControlSidebar(this)"的時候,解釋器會給他包裝一個匿名函數(shù),變成了:
a.onclick = function anonymous()
{
shoControlSidebar(this);
}
這個this指的就是a這個對象,而使用href的方式時,由于是一個地址,這個this就無處可指了。
<a href="javascript:void(0);" onclick="test(this);">A標簽測試</a>
想獲取A 中的innerHTML
如果href="test(this);" 不但獲取不到值,而且程序?qū)⑼顺?,href引向不對。
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)">不同的地方。
當使用onclick="shoControlSidebar(this)"的時候,解釋器會給他包裝一個匿名函數(shù),變成了:
復制代碼 代碼如下:
a.onclick = function anonymous()
{
shoControlSidebar(this);
}
這個this指的就是a這個對象,而使用href的方式時,由于是一個地址,這個this就無處可指了。
復制代碼 代碼如下:
<a href="javascript:void(0);" onclick="test(this);">A標簽測試</a>
復制代碼 代碼如下:
想獲取A 中的innerHTML
如果href="test(this);" 不但獲取不到值,而且程序?qū)⑼顺?,href引向不對。
復制代碼 代碼如下:
function test(obj){
alert(obj);
//js
alert(obj.innerHTML);
//jquery
alert($(obj).html());
}
相關(guān)文章
JS中節(jié)流和防抖函數(shù)的實現(xiàn)及區(qū)別示例
這篇文章主要為大家介紹了JS中節(jié)流和防抖函數(shù)的實現(xiàn)及使用區(qū)別示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-06-06JavaScript判斷是否為數(shù)字的幾種方式匯總(推薦!)
有時候需要根據(jù)輸入的內(nèi)容來進行計算,這個時候就需要判斷輸入的內(nèi)容是否是數(shù)字,下面這篇文章主要給大家介紹了關(guān)于JavaScript判斷是否為數(shù)字的幾種方式,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-06-06一個級聯(lián)菜單代碼學習及removeClass與addClass的應用
最近在學些web前段的知識,看見博客園首頁左側(cè)的一個級聯(lián)菜單,很是好奇,于是想自己實現(xiàn)以下,代碼書寫很簡潔而且易懂,感興趣的朋友可以了解下,希望本文對你學習級聯(lián)菜單有所幫助2013-01-01javascript 中設置window.location.href跳轉(zhuǎn)無效問題解決辦法
這篇文章主要介紹了javascript 中設置window.location.href跳轉(zhuǎn)無效問題解決辦法的相關(guān)資料,需要的朋友可以參考下2017-02-02