HTML5的data-*自定義屬性HTML5增加了一項(xiàng)新功能是自定義數(shù)據(jù)屬性,也就是data-*自定義屬性。在HTML5中我們可以使用以data-為前綴來設(shè)置我們需要的自定義屬性,來進(jìn)行一些數(shù)據(jù)的存放。
成都創(chuàng)新互聯(lián)專注于云夢網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供云夢營銷型網(wǎng)站建設(shè),云夢網(wǎng)站制作、云夢網(wǎng)頁設(shè)計(jì)、云夢網(wǎng)站官網(wǎng)定制、小程序設(shè)計(jì)服務(wù),打造云夢網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供云夢網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
首先,添加一些簡單的內(nèi)容和自定義屬性以及ID等元素,以便能夠識別JavaScript示例。正如所看到的那樣,自定義屬性的形式為:“data-*”,在“data-”部分設(shè)定名稱或者選定的名稱。在HTML5中使用自定義屬性,這是唯一有效的方法。
div id=newTest myAttr=getAttr/div 這里的“myAttr”就是這個(gè)標(biāo)簽的自定義屬性了。如果定義了屬性卻使用不了,那么這個(gè)屬性就沒有任何意義了,接下來就是如何去調(diào)用我們的自定義屬性的值了。
給元素自定義屬性是在HTML5中新加入的一個(gè)特性。簡單來說,自定義數(shù)據(jù)屬性規(guī)范規(guī)定任何以data-開頭屬性名并且賦值。
確切的說data-*并不是自定義屬性,而是解決自定義屬性的一種方案。因?yàn)榇蟛糠肿远x屬性都是為了在標(biāo)簽上存儲數(shù)據(jù)。data-*里存儲的內(nèi)容可以使用JavaScript語言直接讀取。相比不用data-*自定義屬性更容易讀取和存儲。
1、使用data-*可以解決自定義屬性混亂無管理的現(xiàn)狀。
2、HTML5的data-*自定義屬性HTML5增加了一項(xiàng)新功能是自定義數(shù)據(jù)屬性,也就是data-*自定義屬性。在HTML5中我們可以使用以data-為前綴來設(shè)置我們需要的自定義屬性,來進(jìn)行一些數(shù)據(jù)的存放。
3、自定義屬性:在HTML5中我們可以自定義屬性,其格式如下data-*=,例如:data-info=我是自定義屬性,通過Node.dataset[info] 我們便可以獲取到自定義的屬性值。
4、給元素自定義屬性是在HTML5中新加入的一個(gè)特性。簡單來說,自定義數(shù)據(jù)屬性規(guī)范規(guī)定任何以data-開頭屬性名并且賦值。
自定義屬性:在HTML5中我們可以自定義屬性,其格式如下data-*=,例如:data-info=我是自定義屬性,通過Node.dataset[info] 我們便可以獲取到自定義的屬性值。
在body中設(shè)置自定義元素,在head部分腳本區(qū)域利用JavaScript元素進(jìn)行訪問。二,創(chuàng)建元素:首先,添加一些簡單的內(nèi)容和自定義屬性以及ID等元素,以便能夠識別JavaScript示例。
首先創(chuàng)建一個(gè)名稱為button的html文件,如下圖所示。在body中加入onmousedown事件,事件中加入自定義函數(shù),函數(shù)中加入事件返回對象。接著加入一個(gè)p標(biāo)簽加入id,如下圖所示。