動態載入圖片許多方法。第一種方法，隨便建立一個塊狀元素如DIV，把它加入DOM樹，然後用CSS設定背景圖片。第二種前半部分同第一種，只不過這次用innerHTML加一張圖片變成它的子項目。第三種，利用createElement("img")，然後加入DOM與指定它的src屬性。第四種，new Image對象，然後加入DOM與指定它的src屬性。 window.onload = function(){ var image = document.createElement("div");
原文：Web Application Form Design作者：Luke Wroblewski譯者：JunChen Wu“輸入框（ Input ）應當符合邏輯地劃分為小組，這樣大腦就可以很好的處理大堆地區間的關係。”– 《HTML權威指南》Web
設定與擷取樣式屬性是UI控制項與特效庫非常關鍵的部分，設定樣式我們基本可以用cssText來包打天下，但擷取樣式就不是這回事了。JQuery，mootools，Ext等類庫在這部分實現得非常艱辛，盤根錯節地動用一大堆方法，因此想把這部分摳出來難度很大。深入研究它們的實現後，根據我積累的CSS知識，終於做出一個非常簡煉的版本出來。它相當於JQuery.cssCur吧，不過或許功能還豐富一些，按飲食業話說叫“加量不加價”，我的可能還應叫“加量還減價”……版本還處於Beta階段，由於只個工具函數就不弄
如果獨自放著jQuery做事，它絕對做得很好，但jQuery充許與其他庫共存在，有些事就防不勝防了。看下面代碼，data :function (elem, name,data){ //略},removeData: function (elem, name) { elem = elem == window ? windowData : elem; var id = elem[expando]; // If we want to remove a specific
原始的DOM1事件處理機制，是不能綁定多個處理函數。如一個元素在onclick事件先綁定一個函數，用來alert其id，然後再在相同的事件綁定另一個函數，用來alert其style。對不起，第二個函數會覆蓋掉第一個，只會alert其style。於是.addEventListener() 與 .attachEvent()被分別開發出來了。為了屏蔽各瀏覽器的差異，javascript界舉辦了一個慈善邀請賽，鼓勵大家提交各自addEvent/removeEvent 方案，最後由John
Web Workers, and how to specify alternate text for images you know nothing about.Welcome to a new semi-regular column, "This Week in HTML 5," where I'll try to summarize the major activity in the ongoing standards process in the WHATWG and W3C HTML
為了提高軟體的易用性，我們一般在文本域中填入一些樣板文字，當然你也可以在旁邊提示，但如果空間不足的話，就只能選擇前者。當我們讓文本域獲得焦點時，當然要清空文本域讓使用者提入他們自己的內容。以下是代碼，它確保文本域總有文字，不是使用者填寫的，就是我們的提標性文字。 function clearText(field){ if (field.defaultValue == field.value) field.value = ''; else if
雖然IE也有一些調試工具，但不是功能太弱也是體積太大，比較理想的是IE8內建的開發人員工具，但只限IE8。野心勃勃的firefox當然沒有放棄這個機會，推出在其他瀏覽器的JS調試外掛程式版本。要想在IE中使用firebut，非常簡單，只要在要調試的頁面加入如下代碼：<script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'>
好像各大類庫中jQuery是最後支援這兩東東的，關於它們的優勢可以參考reglib類庫作者的一篇博文《Goodbye mouseover, hello mouseenter》。我們可以在IE觀察下它的效果。<!doctype html><html dir="ltr" lang="zh-CN"> <head id="head"> <meta charset="utf-8"/> <title>mouseenter and
var createXML = function (str) { if (typeof DOMParser !== "undefined") { return (new DOMParser()).parseFromString(str, "application/xml"); }else if (typeof ActiveXObject != "undefined") { if (typeof
Firefox針對getter與setter搞了四個好東西，__defineGetter__，__defineSetter__，get與set。IE唯一隻能類比__defineGetter__。 Object.prototype.__defineGetter__ = function(attributeName,hanlder){ if(typeof(hanlder)=="string"){ handler=new Function(hanlder); }
jQuery最令人驚讚的東西就是那個類數組對象，亦即俗話中的jQuery對象。注意，在jQuery類庫中，jQuery是作為命名空間而存在的函數。它擁有許多靜態方法，由於函數也是對象，對象就有原型，而jQuery的原型方法是異常頻繁地調用它的靜態方法。它的第一個原型方法叫init，這是受Prototype類庫影響的結果。init方法也可以作為建構函式使用，它new出來的執行個體就是jQuery對象。在jQuery命名空間的原型中，也有一個叫jquery的屬性，起著其他類庫版本號碼的作用，由於名字
文章目錄 方法一方法二方法三方法四方法五方法六方法七方法八 在ruby中我們可以通過"*"操作符去字串進行倍增，如"ruby"*2則返回"rubyruby"。在javascript中，字串只能用加號，嘛，乘法也加法演變過來的。我們可以搞一個試試。方法一 String.prototype.times = function(n) {//IE6 530-640 FF3 400~550 IE8 840 ~1110 chrome 600~100
the window.navigator object, meta http-equiv=”Content-Language”, the Worker object, outerHTML, insertAdjacentHTML(), and the continuing saga of the alt attribute.Welcome back to "This Week in HTML 5," where I'll try to summarize the major activity
XSLT, MathML, Web Forms 2, and some light reading on character encoding.Welcome back to "This Week in HTML 5," where I'll try to summarize the major activity in the ongoing standards process in the WHATWG and W3C HTML Working Group.The big news this
自從jQuery搞出特性偵探這東東，西方從來沒有如此狂熱研究瀏覽器。在以前javascript與DOM遍地是bug，美工主宰前端的年代，人們只有兩種極端方式，使用者禁止指令碼運行，瀏覽器商狂升級（IE6之前也很積極的）。這年頭，也就Base2與Prototype2做得最好，當然dojo與YUI也不錯。不過最近五年，Opera與Safari都建立了對DOM完整的支援後，世界分兩半，一半是IE統治的混亂世界，它是擁有如此豐富的私人特徵，CSS運算式，HTC，CSS濾鏡，VML，userData，XM
button元素在過去一直沒有被重視，其實它比<input type="button">的語義強許多，制定性也好許多。不過IE的button元素存在一個可怕的bug。它總是把其innerHTML神經錯亂地當成其value值，因此，如果用它來提交表單時，可能產生一些負作用，會把正確的索引值對覆蓋了。<!doctype html><html dir="ltr" lang="zh-CN"> <head> <meta
作為DOM最核心的選取器竟然在IE6中有bug，這是何等令人汗顏的事。此bug會在返回第一個id或name等於我們傳入id的元素。<!doctype html><html dir="ltr" lang="zh-CN"> <head> <meta charset="utf-8"/> <title>IE getElementById bug By 司徒正美</title> <script
the event loop, the onhashchange event, and content sniffing for SVG images.Welcome back to "This Week in HTML 5," where I'll try to summarize the major activity in the ongoing standards process in the WHATWG and W3C HTML Working Group.The biggest
the W3C’s HTML 5 validator, SVG-in-HTML, and the proper way to provide alternate text for Rorschach inkblots.Welcome back to "This Week in HTML 5," where I'll try to summarize the major activity in the ongoing standards process in the WHATWG and W3C
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
