摘要:淺灰色呈現(xiàn)該提示會(huì)在輸入字段為空時(shí)顯示,并會(huì)在字段獲得焦點(diǎn)時(shí)消失。在常規(guī)的代碼中,通常使用方法,而在中,使用的是方法。方法是事件模塊中最重要一個(gè)函數(shù),可以極大的提高應(yīng)用程序的速度。
1.將多個(gè)同類元素分行,每一行有兩個(gè)或者多個(gè)元素,可用li標(biāo)簽實(shí)現(xiàn)此
效果如下:
2.適配專用代碼:
3.HTML 5 placeholder 屬性
定義和用法
placeholder 屬性提供可描述輸入字段預(yù)期值的提示信息(hint)。(淺灰色呈現(xiàn))
該提示會(huì)在輸入字段為空時(shí)顯示,并會(huì)在字段獲得焦點(diǎn)時(shí)消失。
注釋:placeholder 屬性適用于以下的 類型:text, search, url, telephone, email 以及 password。
js的 window.load 和window.onload 有什么區(qū)別JavaScript 中的以下代碼 :
Window.onload = function (){// 代碼 }
等價(jià)于
Jquery 代碼如下:
$(window).load(function (){// 代碼 });
執(zhí)行時(shí)機(jī)
window.load——必須等待網(wǎng)頁(yè)中所有的內(nèi)容加載完畢后 ( 包括圖片 ) 才能執(zhí)行
$(document).ready()——網(wǎng)頁(yè)中所有 DOM 結(jié)構(gòu)繪制完畢后就執(zhí)行,可能 DOM 元素關(guān)聯(lián)的內(nèi)容并沒(méi)有加載完
編寫個(gè)數(shù)
window.load——不能同時(shí)編寫多個(gè)以下代碼無(wú)法正確執(zhí)行:
window.onload = function(){ alert(“text1”);};window.onload = function(){ alert(“text2”);};//結(jié)果只會(huì)輸出第二個(gè)
$(document).ready()——能同時(shí)編寫多個(gè)以下代碼正確執(zhí)行:
$(document).ready(function(){ alert(“Hello World”);});$(document).ready(function(){ alert(“Hello again”);});
結(jié)果兩次都輸出
以 瀏覽器裝載文檔為例,在頁(yè)面加載完畢后,瀏覽器會(huì)通過(guò) Javascript 為 DOM 元素添加事件。在常規(guī)的 Javascript 代碼中,通常使用 window.onload 方法,而在 Jquery 中,使用的是$(document).ready() 方法。 $(document).ready() 方法是事件模塊中最重要一個(gè)函數(shù),可以極大的提高Web 應(yīng)用程序的速度。
另外,需要注意一點(diǎn),由于在 $(document).ready() 方法內(nèi)注冊(cè)的事件,只要 DOM 就緒就會(huì)被執(zhí)行,因此可能此時(shí)元素的關(guān)聯(lián)文件未下載完。
例如與圖片有關(guān)的 html 下載完畢,并且已經(jīng)解析為 DOM 樹了,但很有可能圖片還沒(méi)有加載完畢,所以例如圖片的高度和寬度這樣的屬性此時(shí)不一定有效。要解決這個(gè)問(wèn)題,可以使用 Jquery 中另一個(gè)關(guān)于頁(yè)面加載的方法 ---load() 方法。
Load() 方法會(huì)在元素的onload 事件中綁定一個(gè)處理函數(shù)。
如果處理函數(shù)綁定給 window 對(duì)象,則會(huì)在所有內(nèi)容 ( 包括窗口、框架、對(duì)象和圖像等 ) 加載完畢后觸發(fā),如果處理函數(shù)綁定在元素上,則會(huì)在元素的內(nèi)容加載完畢后觸發(fā)。
總結(jié):
js:window.onload頁(yè)面一運(yùn)行就執(zhí)行該函數(shù),執(zhí)行該函數(shù)時(shí),可能頁(yè)面中的圖片還沒(méi)有加載完成!
jquery: $(window).load()頁(yè)面中的圖片或其它東西加載完成之后,執(zhí)行該函數(shù)。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/97072.html
摘要:淺灰色呈現(xiàn)該提示會(huì)在輸入字段為空時(shí)顯示,并會(huì)在字段獲得焦點(diǎn)時(shí)消失。在常規(guī)的代碼中,通常使用方法,而在中,使用的是方法。方法是事件模塊中最重要一個(gè)函數(shù),可以極大的提高應(yīng)用程序的速度。 1.將多個(gè)同類元素分行,每一行有兩個(gè)或者多個(gè)元素,可用li標(biāo)簽實(shí)現(xiàn)此 身高 ...
摘要:碎片化學(xué)習(xí)我們必須學(xué)會(huì)碎片化學(xué)習(xí)。碎片化學(xué)習(xí)也要講究方法,比如我以前寫的談學(xué)習(xí)讀源碼和面試經(jīng)都有提到碎片化學(xué)習(xí)的誤區(qū),并較之以正確的方法。首先,應(yīng)該建構(gòu)起基礎(chǔ)的知識(shí)體系碎片化學(xué)習(xí)仍然需要完整系統(tǒng)的知識(shí)體系。 4-27在小密圈接到第一次付費(fèi)提問(wèn),喜獲8塊。慶祝一下。 這個(gè)話題也是我在小密圈里和那位同學(xué)的交流時(shí)產(chǎn)生的。他說(shuō)他學(xué)習(xí)的知識(shí)也不系統(tǒng)化,學(xué)習(xí)的知識(shí)也比較混亂。不系統(tǒng)暫時(shí)沒(méi)有好辦法...
摘要:一提到計(jì)算機(jī),當(dāng)然現(xiàn)在更多人把她叫做電腦,這兩個(gè)詞都是指。乃至于,有的人在口語(yǔ)中區(qū)分不開計(jì)算機(jī)和計(jì)算器。那么,做為零基礎(chǔ)學(xué)習(xí)這,也就從計(jì)算小學(xué)數(shù)學(xué)題目開始吧。因?yàn)閺倪@里開始,數(shù)學(xué)的基礎(chǔ)知識(shí)列為肯定過(guò)關(guān)了。 一提到計(jì)算機(jī),當(dāng)然現(xiàn)在更多人把她叫做電腦,這兩個(gè)詞都是指computer。不管什么,只要提到她,普遍都會(huì)想到她能夠比較快地做加減乘除,甚至乘方開方等。乃至于,有的人在口語(yǔ)中區(qū)分不開計(jì)...
閱讀 2155·2021-10-08 10:15
閱讀 1185·2019-08-30 15:52
閱讀 514·2019-08-30 12:54
閱讀 1531·2019-08-29 15:10
閱讀 2682·2019-08-29 12:44
閱讀 3008·2019-08-29 12:28
閱讀 3348·2019-08-27 10:57
閱讀 2212·2019-08-26 12:24