Time of Update: 2014-02-12
domManip是什麼dom即Dom元素,Manip是Manipulate的縮寫,連在一起就是Dom操作的意思。jQuery針對DOM操作的插入的方法有大概10種append、prepend、before、after、replaceWithappendTo、prependTo、insertBefore、insertAfter、replaceAll分2組,上下對照,實現同樣的功能。主要的不同是文法——特別是內容和目標的位置依賴的domManip,
Time of Update: 2014-02-12
假如您的項目正在使用jQuery架構,要去除字串首尾的Null 字元您當然會選擇:jQuery.trim(string)。如果沒有用到jQuery如何簡單的實現呢。之前本人曾發過一個代碼小片段:Javascript去除字串左右的空格-trim(),這個寫的比較粗糙並要用到遞規操作。所以很多人很不滿意代碼的品質,包括我在內。偶爾看了下jQuery的代碼,發現非常值的我們學習。看看它是怎麼實現這個功能的吧,代碼只有一句話:使用正則方法。JavaScript Trim實現代碼function
Time of Update: 2014-02-09
要更新的頁面複製代碼 代碼如下:<!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> <title></title>
Time of Update: 2014-02-07
js格式化金額,可選是否帶千分位,可選保留精度,也是網上搜到的,但是使用沒問題 複製代碼 代碼如下: /* 將數值四捨五入後格式化. @param num 數值(Number或者String) @param cent 要保留的小數位(Number) @param isThousand 是否需要千分位 0:不需要,1:需要(數實值型別); @return 格式的字串,如'1,234,567.45' @type String */ function
Time of Update: 2014-02-07
最近再寫一個項目,用到了innerHTML,但是呢,發現調用innerHTML之後,onclick失效了,這也是在意料之中的,因為innerHTML是以文本形式插入的button,所以無法識別onclick事件,所我們只有另找出路了,我們不能直接實現,但是可以間接實現,下面就舉個例子: 例子一:該例子是無法實現的onclick的 複製代碼 代碼如下: <html> <head> <script defer> function insCell(th) var
Time of Update: 2014-01-25
js如何監聽捲軸滾動事件,使得某個標籤內容始終位於同一位置,下面有個不錯的樣本,大家可以參考下小知識點,廢話不多說,直接上代碼 css: 代碼如下:<pre name="code" class="css"><style> #anchor:{ position:absulate; top:40%; left:40%; width:
Time of Update: 2014-01-20
思路:一組圖片 控制它的捲軸進行滾動 且此時對這組圖片進行複製並添加進原圖片組中,現在就有兩組圖片了。你可以想象一下,現在捲軸繼續滾動,原來那組圖片最後一張圖片已經滾至頂端且消失,複製的那組圖片的第一張跟在原圖最後一張圖片後出現,此時你就能感覺到無縫滾動了。複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2014-01-20
複製代碼 代碼如下: <!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: 2014-01-18
有同事在公司的OA上發了個貼子,介紹在javascript中如何得到中英文混合字串的長度。 用的是Regex。 複製代碼 代碼如下: var str = ”坦克是tank的音譯”; var len = str.match(/[^ -~]/g) == null ? str.length : str.length + str.match(/[^ -~]/g).length ; 我查了一下書,有點明白了: 西文常用字元集由空格“
Time of Update: 2013-12-30
開始寫之前先複習一下元素和節點的區別:元素是W3C文件物件模型(DOM)當中使用最廣泛的節點之一。元素擁有關聯的“屬性”。XmlElement類擁有許多方法來訪問它的“屬性”(GetAttribute, SetAttribute, RemoveAttribute, GetAttributeNode,
Time of Update: 2013-12-30
今天工作的時候遇到一個問題 代碼如下: 複製代碼 代碼如下: var status=1; var ob=$("[name='email']"); $.ajax({ url:"{:U('Home/Index/checkemail')}", data:"email="+query.email, type:"post", dataType:"json", success:function(re){ status=0; } }); alert(status); 這樣每次彈出來的都是1 ;
Time of Update: 2013-12-30
例1、jquery+ajax/" target="_blank">jquery ajax同步方式複製代碼 代碼如下:$.ajax({url : 'test.php',type : 'post',async: false,//使用同步的方式,true為非同步方式data : {'act':'addvideo', 'videoname':videoname},//這裡使用json對象success : function(data){//code here...},fail:function()
Time of Update: 2013-12-30
在ajax請求中,如果伺服器端的響應是302 Found,在ajax的回呼函數中能夠擷取這個狀態代碼嗎?能夠從Response Headers中得到Location的值進行重新導向嗎?讓我們來一起看看實際情況。使用jquery的$.ajax()發起ajax請求的javascript代碼如下:複製代碼 代碼如下:$.ajax({ url: '/oauth/respond', type: 'post', &
Time of Update: 2013-12-30
方法一:直接使用<%=%>調用前台JS:複製代碼 代碼如下:<script type="text/javascript"> var methodStr = "<%=BehindMethod() %>"; alert(methodStr);
Time of Update: 2013-12-29
複製代碼 代碼如下: <HTML> <BODY> <P> </P> <form name=fm_Info> <input type=text name=txtValue> </form> <script language=javascript> var timer var winOpen function IfWindowClosed() { if (winOpen.closed == true) {
Time of Update: 2013-12-17
ICESoft 宣布發布他們一款免費的AJAX 開發和部署架構: ICEfaces Community Edition v1.0 Beta.Java開發人員能使用ICEfaces 輕易開發和部署AJAX應用。ICEfaces 是基於創新的Direct-to-DOM (D2D) rendering 技術和 Ajax Bridge ... 從而使得基於ICEfaces開發的應用, 會擁有以下特點:Smooth, incremental page updates with in-place
Time of Update: 2013-12-17
你對加速Javascript DOM操作最佳化的方法是否熟悉,在我們開發互連網富應用RIA)時,我們經常寫一些javascript指令碼來修改或者增加頁面元素,這些工作最終是DOM——或者說文件物件模型——來完成的,而我們的實現方式會影響到應用的響應速度。加速Javascript
Time of Update: 2013-12-17
你知道Javascript中replace()方法的使用嗎,這裡向大家描述一下,相信本文介紹一定會讓你有所收穫。Javascript中replace()方法在javascript中,String的函數replace()簡直太讓人喜愛了。它靈活而強大的字元替換處理能力,讓我不禁想向大家介紹它。replace()最簡單的算是能力就是簡單的字元替換。範例程式碼如下:<scriptlanguagescriptlanguage="javascript"> vars
Time of Update: 2013-12-17
其實這種練習的結果不是很重要,主要是體會其中的過程,雖然大部分的時間是在痛苦中渡過,但也是有很多收穫的,同時也暴露出很多技術方面的不足,也為以後的學習明確了一些目標。技術方面因為考慮到大部分IE使用者(而且是非IE9),所以沒有用HTML5的canvas,用的div的方式處理的,這樣挑戰也相對大了一些,不過確實,效能上還是不理想,IE下的表現還是比較糟糕(特別是IE6。。。恩。。。- -!)。目前相容IE6/7/8(理論上也相容IE9,只是沒有測試),safari,FF3.5+(因為FF2.0/
Time of Update: 2013-12-17
當前,在軟體開發中單元測試越來越受到開發人員的重視,它能提高軟體的開發效率,而且能保障開發的品質。以往,單元測試往往多見於服務端的開發中,但隨著Web編程領域的分工逐漸明細,在前端Javascript開發領域中,也可以進行相關的單元測試,以保障前端開發的品質。在本文中,將初步探討如何在Javascript中進行單元測試及其注意要點。Javascript中的單元測試工具在Javascript的單元測試中工具中,有很多開源的工具,本文選取其中兩個比較典型實用的工具進行介紹:jsTestDriver和