JavaScript實現(xiàn)獲取用戶單擊body中所有A標(biāo)簽內(nèi)容的方法

更新時間：2017年06月05日 10:45:10 作者：hechurui

這篇文章主要介紹了JavaScript實現(xiàn)獲取用戶單擊body中所有A標(biāo)簽內(nèi)容的方法,涉及javascript針對頁面元素及事件響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了JavaScript實現(xiàn)獲取用戶單擊body中所有A標(biāo)簽內(nèi)容的方法。分享給大家供大家參考，具體如下：

var tbody = document.body;
tbody.onclick = function (e) {
  getUrl(e);
}
function getUrl(e) {
  e = e || event;
  var target = e.target || e.srcElement, href;
  alert(target.tagName);
  //獲取到A標(biāo)簽中的onclick屬性的值
  if (target.tagName == 'A') {
    href = target.onclick;
  } else if (target.tagName == 'SPAN') {
        //父標(biāo)簽onclick屬性的值
    href = target.parentNode.onclick;
  }
  //去除空格、換行（切記：需轉(zhuǎn)換類型）
  var subHref = href.toString().replace(/\ +/g,"").replace(/[ ]/g,"").replace(/[\r\n]/g,"");
  //alert(subHref.substring(subHref.lastIndexOf("/")+1, subHref.indexOf(".jsp")+4));//sub jspName
  //獲取到的鏈接中包含".jsp",點擊的就是菜單項
  if (subHref.indexOf(".jsp") > 0) {
  }
}

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript窗口操作與技巧匯總》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

js微信應(yīng)用場景之微信音樂相冊案例分享
這篇文章主要為大家分享了js微信應(yīng)用場景之微信音樂相冊案例，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-08-08
javascript 中select框觸發(fā)事件過程的分析
這篇文章主要介紹了javascript 中select框觸發(fā)事件過程的分析的相關(guān)資料,這里對select 觸發(fā)過程進(jìn)行了深入分析，幫助大家理解這部分內(nèi)容，需要的朋友可以參考下
2017-08-08
electron獲取位置坐標(biāo)信息的方法小結(jié)
這篇文章給大家詳細(xì)介紹了electron 如何獲取位置坐標(biāo)信息,文中通過代碼示例給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下
2024-02-02
js類的繼承定義與用法分析
這篇文章主要介紹了js類的繼承定義與用法,結(jié)合實例形式分析了javascript關(guān)于類的定義與繼承的相關(guān)使用技巧,需要的朋友可以參考下
2019-06-06
JS簡單驗證上傳文件類型的方法
這篇文章主要介紹了JS簡單驗證上傳文件類型的方法,涉及javascript文件遍歷及字符串截取、匹配等相關(guān)操作技巧,需要的朋友可以參考下
2017-04-04
JavaScript實現(xiàn)基于十進(jìn)制的四舍五入實例
這篇文章主要介紹了JavaScript實現(xiàn)基于十進(jìn)制的四舍五入的方法,實例分析了javascript針對數(shù)值判斷與相關(guān)運算技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-07-07
JS實現(xiàn)用戶管理系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)用戶管理系統(tǒng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-08-08
使用clipboard.js實現(xiàn)復(fù)制功能的示例代碼
本篇文章主要介紹了使用clipboard.js實現(xiàn)復(fù)制功能的示例代碼，詳細(xì)介紹了clipboard.js插件的使用，有興趣的可以了解一下
2017-10-10
javascript實現(xiàn)簡單的鼠標(biāo)拖動效果實例
這篇文章主要介紹了javascript實現(xiàn)簡單的鼠標(biāo)拖動效果,實例分析了javascript鼠標(biāo)拖動效果的相關(guān)要點與實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下
2015-04-04
數(shù)據(jù)庫管理工具PHPMyAdmin
這篇文章主要為大家介紹了數(shù)據(jù)庫管理工具PHPMyAdmin使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-09-09