Time of Update: 2018-12-08
一、從寫 cookie 說起。 var the_date = new Date("December 31, 2020"); var expiresDate = the_date.toGMTString(); document.cookie = "userDefineCSS=" + escape(title) + "; expires=" + expiresDate; 第一句是日期對象; 第二句將日期格式轉換成 GMT 格式;編者者: GMT 即格林威治標準時間,現在也稱 UTC
Time of Update: 2018-12-08
文章目錄 javascript線性漸層(水平) by 司徒正美javascript線性漸層(垂直) by 司徒正美javascript線性漸層(角度) by 司徒正美 作為新力軍,蘋果為我們帶來了canvas標籤。canvas首次在Mac OS
Time of Update: 2018-12-08
indexOf 返回元素在數組的索引,沒有則返回-1。與string的indexOf方法差不多。 如果其他瀏覽器沒有實現此方法,可以用以下代碼實現相容: 複製代碼 代碼如下:Array.prototype.indexOf = function(el, start) { var start = start || 0; for ( var i=0; i < this.length; ++i ) { if ( this[i] === el ) {
Time of Update: 2018-12-08
使用者單擊其中一個按鈕,可以讓數字加1,單擊另外一個按鈕則讓數字減1,如果按住按鈕不放,文字框的數值會越加越快或越減越快,即變速加數功能。比如你開啟電腦的“時間和日期屬性”視窗,你按紅框標識的上下按鈕調整時間,試著單擊與按著滑鼠不放,你會發現它的功能與我說的一樣(準確說還是有區別的,它按下滑鼠不放加數速度是快了,但不會越來越快。我的例子是越加越快,這更適合數值比較大的資料提供場合)。
Time of Update: 2018-12-08
複製代碼 代碼如下:function Get_Cookie(name) { var start = document.cookie.indexOf(name+…=…); var len = start+name.length+1; if ((!start) && (name != document.cookie.substring(0,name.length))) return null; if (start == -1) return null; var end =
Time of Update: 2018-12-08
:其實學習的方法,就是會搜尋的方法,會搜尋才能更快的解決問題。搜尋方法: javascript 日曆控制項 site:jb51.net|script 選擇日期:
Time of Update: 2018-12-08
將下面代碼儲存為Common.js 類庫功能: 1.Trim(str)--去除字串兩邊的空格 2.XMLEncode(str)--對字串進行XML編碼 3.ShowLabel(str,str)--滑鼠提示功能(顯示字元,提示字元) 可以設定顯示的提示的文字的字型、顏色、大小以及提示的背景顏色、邊框等 4.IsEmpty(obj)--驗證輸入框是否為空白 5.IsInt(objStr,sign,zero)--驗證是否為整數,正整數,負整數,以及是否包括零
Time of Update: 2018-12-08
複製代碼 代碼如下:var arr = new Array(); arr['item1'] = 'the value of item 1 '; arr['item2'] = 'the value of item 2 '; alert(arr['item1']); alert(arr['item2']); 但上述功能,不符我們的實際要求,另外查詢遍曆也不方便,我們需要在Array的基礎上進行擴充, 下面我們可以用js中的數組來實作類別似的hashtable的功能, 複製代碼
Time of Update: 2018-12-08
IE還有一個利器至今沒有被使用過,那就是VML。雖然比不上SVG,但它還是非常強大的。在實現漸層上,其fill還比IE的Gragient濾鏡強悍得多了。不過VML出現得比較早,只支援很少的顏色名,如red,blue,yellow,其他如orange就可以搞死它了。因此要使用VML做線性漸層,我們得對這些顏色名做一下轉換。 HTML4的顏色值black = #000000green = #008000silver = #c0c0c0lime = #00ff00gray =
Time of Update: 2018-12-08
複製代碼 代碼如下:str = str.<br /> replace( /&(?!#?\w+;)/g , '&').<br /> replace( /undefinedundefined([^undefinedundefined]*)"/g , '“$1”' ).<br /> replace( /</g , '<' ).<br /> replace( />/g , '>' ).<br />
Time of Update: 2018-12-08
先來IE的,這是最大的使用者群,如果這部分開發不出來,基本可以說不用做了。IE雖然有Gradient濾鏡,但對比其他瀏覽器的實現特弱,沒有多重漸層(stop-color),不能實現角度漸層,而且還經常失效。我的思路是這樣,假如有一個帶文本的DIV,要實現多重線性漸層,我們首先得把它裡面的文本取出來,然后里面放幾個DIV,有幾重就放幾個,然後把它們漸層。如果是垂直漸層,這好辦,什麼也不用做,只需設定其濾鏡與各個高就行了。如果水平,就讓其浮動或絕對位置,放到適當的位置,設定其濾鏡與寬。但漸層濾鏡竟然
Time of Update: 2018-12-08
一時間不好回答,特別是undefined,因為這涉及到undefined的實現原理。於是,細想之後,寫下本文,請各位大俠拍磚。 總所周知:null == undefined 但是:null !== undefined 那麼這兩者到底有啥區別呢? 請聽俺娓娓道來... null 這是一個對象,但是為空白。因為是對象,所以 typeof null 返回 'object' 。 null 是 JavaScript 保留關鍵字。 null 參與數值運算時其值會自動轉換為 0
Time of Update: 2018-12-08
一般的做法是先判斷是幾月份,然後決定有多少天(一般用switch),如果是2月的話,還得判斷選擇的年份是不是閏年,再決定是28天還是29天。這樣是一個很規矩的做法,而且也很符合邏輯。但是,如果是為了達到目的的話,是不用這麼麻煩的。JS裡面的new Date("xxxx/xx/xx")這個日期的構造方法有一個妙處,當你傳入的是"xxxx/xx/0"(0號)的話,得到的日期是"xx"月的前一個月的最後一天("xx"月的最大取值是69,題外話),如果傳入"1999/13/0",會得到"1998/12/
Time of Update: 2018-12-08
JavaScript提供了一個RegExp對象來完成有關Regex的操作和功能,每一條Regex模式對應一個RegExp執行個體。有兩種方式可以建立RegExp對象的執行個體。使用RegExp的顯式建構函式,文法為:new RegExp("pattern"[,"flags"])。 使用RegExp的隱式建構函式,採用純文字格式:/pattern/[flags]。
Time of Update: 2018-12-08
其中obj.name = "select";這句話並不能起到預期的作用,無論是看產生後的HTML代碼還是觀察使用document.getElementsByName()擷取的數組長度,都會發現這個name設定並沒有起作用。當然這種情況只出現在IE6和IE7中,而在FireFox中是沒有問題的。
Time of Update: 2018-12-08
Regex的直接量字元字元 匹配字母數字字元 本身\o NUL字元(\u0000)\t 制位表(\u0009)\n 分行符號(\u000A)\v 垂直制位表(\u000B)\f 換頁符(\u000C)\r 斷行符號(\u000D)\xnn 由十六進位數nn指定的拉丁字元,例如\u0A等價於\n\uxxxx 由十六進位數xxxx指定的Unicode字元,例如\u0009等價於\t\cX 控制字元X,例如,\cJ等價於\nRegex的字元類字元 匹配[...] 位於括弧內的任一字元[^...]
Time of Update: 2018-12-08
1、typeof操作符。對於Function、String、Number、Undefined這幾種類型的對象來說,不會有什麼問題,但是針對Array的對象就沒什麼用途了: Js代碼 複製代碼 代碼如下:alert(typeof null); // "object" alert(typeof []); // "object" 2、instanceof操作符。此操作符檢測對象的原型鏈是否指向建構函式的prototype對象,恩,聽起來不錯,應該可以解決我們的數組檢測問題: Js代碼 複製代碼
Time of Update: 2018-12-08
有個textarea, Java代碼 複製代碼 代碼如下:<textarea id="text"></textarea> 經常會定義onKeyPress="keypress();",並定義以下方法。 複製代碼 代碼如下:var keypress = function(e){ var e = e || window.event; var k = e.keyCode; } 這裡我使用的辦法是JQuery。 複製代碼
Time of Update: 2018-12-08
delete 是刪除對象的一個屬性,例如對於一個對象, var obj = {key:5}; delete obj.key就是刪除該對象的key屬性,這個沒什麼問題,但當對象的原型prototype對象也存在該屬性時,就值得注意了。 複製代碼 代碼如下:var A = function(){}; A.prototype.testMe = true; var a = new A(); //覆蓋原型屬性 a.testMe = true; if(a.testMe){ // 一些關鍵代碼... // .
Time of Update: 2018-12-08
1. 設定元素可獲得焦點以監聽鍵盤事件 元素聚焦最大好處就是可允許發送鍵盤事件,HTML很多元素預設就有可聚焦,如form表單元素,a錨連結等,但大部份預設是不能聚焦的。要使得元素能夠聚焦,可以在HTML代碼或JavaScript指令碼中實現。 html: 複製代碼 代碼如下:<div tabIndex="0" style="height:100px;width:100px; background:red;"></div> JavaScript: