複製代碼 代碼如下:var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g, 這是Jq中最長的一個正則了,也研究了很久,一直很懵懂,感覺還是通過調試,然後一步一步的分析值理解起來比較容易, 我嘗試做成圖形比較直觀一點,以不同的顏色區分了一下,如:
今天這篇文章向大家分享15款精心挑選的優秀 jQuery 文本特效外掛程式,都帶有詳細的使用教程。jQuery 是最流行和使用最廣泛的 JavaScript 架構,它簡化了 HTML 文檔遍曆,事件處理,動畫以及Ajax互動,協助 Web 開發人員更快速的實現各種精美的介面效果。 01. 滑動的字元 線上示範 下載源碼 02. 滑鼠移至上方變換效果 線上示範 下載源碼 03. 旋轉的文本
複製代碼 代碼如下: //圖片幻燈展示 $(function() { var imgPro = { imgWidth : 626, //圖片寬度 imgConLength : 0, //圖片總長度 index : 0, //導航鎖定索引 count : 0, //圖片數量 left : 0, //絕對位置left pre : -1, //上個圖片索引 curr : 0, //當前圖片索引 next : 1, //下個圖片索引 direction : 1, //自動播放方向 interTime :
需要預設選中時,定義一個變數 var cityId=城市id 下面是js代碼 複製代碼 代碼如下: function readxml() { var XmlDoc = null; if (window.ActiveXObject) { XmlDoc = new ActiveXObject("Microsoft.XMLDOM"); XmlDoc.async = false; XmlDoc.load(path + "/web/common/regions.xml"); browse = "ie";
複製代碼 代碼如下: <!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>Untitled Page</title>
複製代碼 代碼如下: (function(win) { var toString = Object.prototype.toString; var hasOwn = Object.prototype.hasOwnProperty; var class2type = {}; class2type["[object Boolean]"] = "boolean"; class2type["[object Number]"] = "number"; class2type["[object String]
首先建立html頁面為sort.html ,並把下面的內容複寫進去 複製代碼 代碼如下: <!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-
因為hover不是標準的事件,因此無法直接使用live進行處理,故使用以下方法代替,效果一樣。 複製代碼 代碼如下: $("<SPAN style="COLOR: #0000ff">table tr</SPAN>").live({ <SPAN style="BACKGROUND-COLOR: #99ccff">mouseenter:</SPAN> function() { <SPAN style="COLOR:
當初ECMAscript的發明者為了簡化這門語言,同時又保持繼承的屬性,於是就設計了這個鏈表。。 在資料結構中學過鏈表不,鏈表中有一個位置相當於指標,指向下一個結構體。 於是乎__proto__也一樣,每當你去定義一個prototype的時候,相當於把該執行個體的__proto__指向一個結構體,那麼這個被指向結構體就稱為該執行個體的原型。 文字說起來有點兒繞,看圖說話 複製代碼 代碼如下: var foo = { x: 10, y: 20 };
複製代碼 代碼如下: <form id="fileForm" action="" method="post" enctype="multipart/form-data"> <tr> <td> <input type="file" name="file"><input type="button" id="addButon" value="Add" onclick="add()"> </td> </tr> </
一、變數的範圍 要理解閉包,首先必須理解Javascript特殊的變數範圍。 變數的範圍無非就是兩種:全域變數和局部變數。 Javascript語言的特殊之處,就在於函數內部可以直接讀取全域變數。 複製代碼 代碼如下: var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函數外部自然無法讀取函數內的局部變數。 複製代碼 代碼如下: function f1(){ var n=999; }
1.URI方法 encodeURI()和encodeURIComponent()對URI進行編碼 encodeURI()不會對本身屬於URI的特殊字元進行編碼,如冒號,正斜杠,問好,井字等 encodeURIComponent()會對任何非標準字元進行編碼 2.eval() 方法:解釋參數中的代碼字串 複製代碼 代碼如下: var msg = "hello world"; eval("alert(msg)"); //"hello world" 3.Math 對象 Math.E 數學中的e的值
1.擷取元素 getElementById()方法,通過元素的id擷取元素,接受一個參數即要擷取元素的id,如果不存在這個id返回 null 注意不要讓表單元素的name和別的元素的id相同,IE8以下的IE瀏覽器用這個方法通過元素的name屬性可以獲得該元素 以下面元素為例 <div id ="myDiv">這裡是id為“myDiv”的div內容</div>var document.getElementById("myDiv");
mousedown 的時候建立拖動對象,mouseup的時候釋放對象,原理弄清楚了其實很簡單。 簡單拖拽實現代碼: 簡單拖拽實現 拖我 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
複製代碼 代碼如下: <!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> <style type=
核心代碼: 複製代碼 代碼如下: function quickSort(arr){ //如果數組只有一個數,就直接返回; if(arr.length<1){ return arr; } //找到中間的那個數的索引值;如果是浮點數,就向下取整 var centerIndex = Math.floor(arr.length/2); //根據這個中間的數的索引值,找到這個數的值; var centerNum = arr.splice(centerIndex,1); //存放左邊的數 var
JQury架構絕對是頁面開發的首選,代碼短小強悍,缺點就是物件導向特性不足,所幸有不少外掛程式!至於Ext就是一個龐然大物了,高度物件導向,類似於MFC的龐大API和控制項陳列庫,運行起來,瀏覽器就累得夠嗆,開發也夠嗆,使用代碼來建立介面絕對是個糟糕的方式,Javascript的弱語言類型使得Ext開發就像行走在雷區,減少bug的唯一方法就是不要寫出bug,一旦出現bug,調試將是一件極為痛苦的事情 !在幾千行代碼裡跟蹤、跳轉真讓人抓狂!
記錄一下資料,就這幾天測試一下 然後發布成果 複製代碼 代碼如下: <input type="text" value="xxx" id="xx" onclick="this.myprop='xx'"> <script type="text/javascript"> <!-- document.getElementById('xx').attachEvent('onpropertychange',function(o){alert('ok')}); //-->
這是sina同事xiaoniu發現的,如下 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> </head> <body> <div id="02E503E2A1C011CFC85B7B701A0677EC0900000000000001"></div> <script> var str = '02E503E2
然而,無論有多麼接近,通過用戶端與服務端的一來一回,必定會有等待載入資料的時間。所以,大多數網站都通過一個Gif動態表徵圖或‘Loading...'等字樣來告知使用者資料還在載入中。但有時候這個問題會非常繁瑣和麻煩,要麼將這個‘Loading'顯示在ajax請求之前,然後在ajax成功後隱藏它,或者將它寫在jquery的ajax的全域事件jQuery.ajaxStart()和jQuery.ajaxStop()中來控制整個頁面的ajax狀態。前者方法使用起來太瑣碎,每個請求都要寫一遍這個‘Load