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