首頁 web前端 js教程 A標籤中透過href和onclick傳遞的this物件實現思路_javascript技巧

A標籤中透過href和onclick傳遞的this物件實現思路_javascript技巧

May 16, 2016 pm 05:36 PM
href onclick this

在blog的後台管理中允許為一個分類添加一個地址,但是不好添加onclick事件。想傳遞目前物件給一個函數,於是就將這個URL寫成"Javascript:shoControlSidebar(this)",可是結果發現這並不可行,傳遞過去的參數是一個對象,但是卻得不到任何其他資訊。我想得到的是innerText,而這個this並非指向它所在的A標籤。

這是不同的地方。

當使用onclick="shoControlSidebar(this)"的時候,解釋器會給他包裝一個匿名函數,變成了:

複製程式碼 程式碼如下:

a.onclick = function anonymous()
{
shoControlSidebar(this); >
這個this指的就是a這個對象,而使用href的方式時,由於是一個地址,這個this就無處可指了。



程式碼如下:


想取得A 中的innerHTML
如果href="test(this);" 不但取得不到值,而且程式將退出,href引向不對。

程式碼如下:



程式碼如下:


function test(obj>
alert(obj);
//js
alert(obj.innerHTML); //jquery alert($(obj).html()); }

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

src和href是什麼意思 src和href是什麼意思 Aug 16, 2023 pm 05:00 PM

src和href分別是,1、src是source的縮寫,用來指定外部資源的路徑,通常用於嵌入外部文件,例如圖片、音訊、視訊等,src屬性一般用在img、script、iframe等標籤上;2、href是hypertext reference的縮寫,用於指定超連結的目標資源的路徑,通常用於連結到外部文件或其他頁面,href屬性一般用在a、link等標籤上。

HTML中onclick怎麼用 HTML中onclick怎麼用 Nov 13, 2023 am 10:07 AM

透過將onclick屬性設定為一個JavaScript函數或行為,可以在使用者點擊某個元素時執行對應的操作。無論是直接在HTML標籤中使用onclick屬性,或是透過JavaScript動態地新增和修改onclick屬性,都可以實現點擊事件的處理。

聊聊Vue2為什麼能透過this存取各種選項中屬性 聊聊Vue2為什麼能透過this存取各種選項中屬性 Dec 08, 2022 pm 08:22 PM

這篇文章帶大家解讀vue原始碼,來介紹一下Vue2中為什麼可以使用 this 存取各種選項中的屬性,希望對大家有幫助!

href和src發送的什麼請求 href和src發送的什麼請求 Aug 17, 2023 pm 02:20 PM

href和src發送的get請求。詳細說明:1、href屬性,用於指定連結的目標資源,引用外部樣式表會發送GET請求來獲取CSS文件,引用文檔會發送GET請求來獲取指定的HTML文件,引用圖像時它會發送GET請求來獲取指定的圖像檔案;2、src屬性,用於指定嵌入資源的URL,引用圖像時會發送GET請求來獲取指定的圖像文件,引用音頻它會發送一個GET請求來獲取指定的音頻文件等等。

一篇搞懂this指向,追趕70%的前端人 一篇搞懂this指向,追趕70%的前端人 Sep 06, 2022 pm 05:03 PM

同事因為this指向的問題卡住的bug,vue2的this指向問題,使用了箭頭函數,導致拿不到對應的props。當我跟他介紹的時候他竟然不知道,隨後也刻意的看了一下前端交流群,至今最起碼還有70%以上的前端程式設計師搞不明白,今天給大家分享一下this指向,如果啥都沒學會,請給我一個大嘴巴子。

src屬性和href屬性在功能和用法上的差異有哪些? src屬性和href屬性在功能和用法上的差異有哪些? Dec 28, 2023 am 08:20 AM

src屬性和href屬性是在HTML中常用的屬性,用來載入外部資源。雖然它們有相似的目的,但在使用和用途上有一些不同。 src屬性:src屬性用於指定要在文件中嵌入的外部資源,主要用於在HTML文件中引入外部腳本文件和媒體文件。它可以用於以下幾種情況:引入外部JavaScript檔案:透過src屬性,將外部的JavaScript檔案連結到HTML頁面。

src和href的差別究竟是什麼?快速了解! src和href的差別究竟是什麼?快速了解! Jan 06, 2024 pm 09:09 PM

src和href的差別究竟是什麼?快速了解!在網頁開發過程中,src和href是兩個常用的屬性。儘管它們看起來類似,但實際上有著不同的用途和適用場景。在本文中,我們將深入探討src和href的區別,並透過具體的程式碼範例來解釋它們。在HTML中,src是用來指定要嵌入或引用的外部資源的屬性,它通常用於引用映像、音訊、視訊或腳本檔案。與此不同,href是超鏈

了解src和href的不同點的重要細節! 了解src和href的不同點的重要細節! Jan 06, 2024 am 09:11 AM

src和href的差異,你不可不知的細節!在寫HTML頁面時,我們常常會遇到src和href這兩個屬性。它們都用於引用外部資源,例如腳本檔案、樣式檔案或圖片。雖然它們的用途相似,但它們在具體的用法和細節上卻存在一些差異。首先,src(source)屬性主要用於嵌入外部資源,例如圖片或腳本。它是用於指定資源的位址,並將其內容嵌入到目前文件中。而href(

See all articles