Time of Update: 2013-10-17
event.currentTarget identifies the current target for the event, as the event traverses the DOM. It always refers to the element the event handler has been attached to as opposed to event.target which identifies the element on which the event
Time of Update: 2013-10-17
1、關於頁面元素的引用 通過jquery的$()引用元素包括通過id、class、元素名以及元素的層級關係及dom或者xpath條件等方法,且返回的對象為jquery對象(集合對象),不能直接調用dom定義的方法。 2、jQuery對象與dom對象的轉換 只有jquery對象才能使用jquery定義的方法。注意dom對象和jquery對象是有區別的,調用方法時要注意操作的是dom對象還是jquery對象。 普通的dom對象一般可以通過$()轉換成jquery對象。
Time of Update: 2013-10-17
jquery formvalidator外掛程式是不錯的國產驗證外掛程式了,做點普通的校正也是很方便的,但最近遇到個問題,發現如果表單整個表單是AJAX提交時,就不能按傳統的做法了,比如: 複製代碼 代碼如下: $ajax.post("...............") $.formValidator.initConfig({formID:"applyForm",onError:function(msg){alert(msg)}});
Time of Update: 2013-10-17
單擊按鈕開啟圖片另存新檔對話方塊的樣本如下複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""
Time of Update: 2013-10-17
Js的阻塞性 Javascript 在瀏覽器中的效能問題,可能是最重要的可用性問題 Js的阻塞性 瀏覽器用單一進程來處理UI進程和Js的執行 不管是內嵌的還是外鏈的,下載並立即執行 因為它有可能會修改頁面 頁面生存周期的概念 瀑布圖中看到了下載時間和executing time 在head中加入script 和link body載入到前不會輸出任何東西,因此會看到空白頁面 複製代碼 代碼如下: <script type="text/javascript">
Time of Update: 2013-10-17
檔案上傳之前的檢測,通常是通過檔案名稱來判斷檔案類型是否合法,但是要想檢測檔案的大小很難辦到,除非在本地或者使用控制項。使用JS可以輕鬆解決詞問題,js在上傳圖片前判斷大小 這個可以用javascript實現,效果...//允許上傳圖片檔案的大小 具體代碼如下 複製代碼 代碼如下: <script language=javascript> var ImgObj=new Image(); //建立一個映像對象 var AllImgExt=".jpg|.jpeg|.gif|.
Time of Update: 2013-10-17
標準的DHTML文檔中TEXTAREA的MAXLENGTH屬性預設情況下不起作用,只有當事件發生時才起作用 如下:http://spiderscript.net/site/spiderscript/examples/ex_textarea_maxlength.asp 但TEXT中有且起作用<input type="text" maxlength="20">, 那麼在TEXTAREA中怎麼實現輸入內容不能超過多少個字元呢。 方法1、如果只需要截取多少個字元的內容,則可以: 複製代碼
Time of Update: 2013-10-17
怎麼說呢,剛包完夜吧,應該很累了,但現在仍有力氣敲打著這些字元,看來我還沒有到此為止啊。 廢話少說,最近寫了個線上的編輯器,類似ewebeditor那樣的,當然沒有人家那麼強大,但是準系統都有,而且還是相容ie和ff的,為此我也花了不少功夫,還是趕緊把代碼祭出來吧 demo.html: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/
Time of Update: 2013-10-17
複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"
Time of Update: 2013-10-17
最近一直在研究網頁特效,看到qq介面的摺疊菜單,於是冒出個想法,自己寫一個類似的,上網查了一下,發現已經有不少類似的菜單效果,不管那麼多,先寫著再說吧. 以下是html結構: <div id="a"><div id="h1">sdfds</div><div id="b1">dsfdsfsdfsd</div><div id="h2">dsf</div><div id="b2">dsfdsfsdf<
Time of Update: 2013-10-17
upload... 上傳 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] 1、在比較舊的瀏覽器中(比如IE9及以下,不支援 fileAPI,不支援 XMLHttprequest level2 只能用表單post檔案)上傳圖片時,只能使用 表單 post,處於安全上的考慮,input[type="file"] 的檔案選擇按鈕樣式並不能隨意修改(不過可以修改input 的透明度),可能會跟設計師的設計格格不入,這時可以使用透明效果來自訂上傳按鈕。
Time of Update: 2013-10-17
1、擷取選中select的value和text,html代碼如下: 複製代碼 代碼如下: <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select>
Time of Update: 2013-10-17
目前可以這麼解決,判斷瀏覽器支不支援這個方法,如果支援就不管;如果不支援,就在document對象裡加入getElementsByClassName這個方法,這樣的寫法有一個好處,即不管有沒有原生函數你都不用去修改代碼。
Time of Update: 2013-10-17
複製代碼 代碼如下: <script> function window.onload(){ if(location.href.indexOf('#reloaded')==-1){ location.href=location.href+"#reloaded" location.reload() } } </script> <iframe src="/"></iframe> -------------------------------------
Time of Update: 2013-10-17
我想將一個網頁上的圖片按一定的時間間隔重新整理,不改變圖片的名稱,我在伺服器端改變圖片的內容,這樣前端可不可以實現動態效果呢?瀏覽器會不會有緩衝呢? 比如我要將下邊這個圖片非同步重新整理,應該怎麼做呢? 複製代碼 代碼如下: <img id=”image” width=640 height=480 src= /> 解決方案是加時間戳記防止緩衝,如下: 複製代碼 代碼如下: <img id=”image” width=640 height=480 src='xxx.jpg' /
Time of Update: 2013-10-17
JavaScript中valueOf函數方法是返回指定對象的原始值。使用方法: object.valueOf( )object是必選項參數是任意固有 JScript 對象。 每個JavaScript固有對象的 valueOf 方法定義不同。 對象傳回值Array數組的元素被轉換為字串,這些字串由逗號分隔,串連在一起。其操作與 Array.toString 和 Array.join 方法相同。BooleanBoolean 值。Date儲存的時間是從 1970 年 1 月 1 日午夜開始計的毫秒數
Time of Update: 2013-10-17
Array.prototype.push push向數組尾部添加一項並更新length ,返回數組長度。 如果Object使用push會怎樣? 看下面代碼, obj好像數組一樣工作了。length會自動更新。 複製代碼 代碼如下: var push = Array.prototype.push; var obj = {}; push.call(obj, "hello"); // 傳回值 1 // obj {"0":"hello", length:0} push.call(obj, "world"
Time of Update: 2013-10-17
前端開發過程中,經常需要這樣的情境。用JS實現將游標定位於輸入框最右側。情境一:編輯圖片的標題文字情境二:Script.aculo.us的Ajax.InPlaceEditor類。雙擊可編輯,編輯後離開可自動更新該地區。以上情境都需要JS實現將游標定位於輸入框最右側,卻不是通過滑鼠點入輸入框內。我們知道實現最基本的方法是HTMLElement的focus方法。如下複製代碼 代碼如下: <p> <input type="text" value="hello"/>
Time of Update: 2013-10-17
很多網站上都有返回頂部的效果,本文闡述如何使用jquery實現返回頂部按鈕。 首先需要在頂部添加如下html元素: <p id="back-to-top"><a href="#top"><span></span>返回頂部</a></p>其中a標籤指向錨點top,可以在頂部防止一個<a name="top"></a>的錨點,這樣在瀏覽器不支援js時也可以實現返回頂部的效果了。
Time of Update: 2013-10-17
複製代碼 代碼如下:<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title>無縫滾動——上下</title> <style type="text/css">