createRange

Range 屬性

屬性	說明	回傳
collapsed	如果start以及end是在同一點上回傳true，不同為false	Boolean
commonAncestorContainer	回傳涵蓋範圍，最外層標籤	String
endContainer	回傳標籤物件，使用tagName可察看標籤	Object
endOffset	回傳標籤內，最後一個字的位置	integer
startContainer	回傳標籤物件，使用tagName可察看標籤	Object
startOffset	回傳標籤內，第一個字的位置	integer

Range 方法

方法	說明	回傳
cloneContents()	複製	object
cloneRange()	複製選取範圍	Object
collapse(Boolean)	true = Range的開始位置，false = Range的結束位置	無
compareBoundaryPoints(type, rangeToCompare)	rangeToCompare=目標 Type 說明 Range.START_TO_START 開始結束在同一點上，回傳0 Range.START_TO_END 選取範圍，在目標前方，回傳-1 Range.END_TO_END 開始結束在同一點上，回傳0 Range.END_TO_START 選取範圍，在目標後方，回傳-1	Integer
compareNode(nodeToCompare)	nodeToCompare = 選擇的目標 功能和compareBoundaryPoints相同	回傳為Integer 回傳 說明 0 Range.NODE_BEFORE = 選擇在目標之後 1 Range.NODE_AFTER = 選擇在目標之前 2 Range.NODE_BEFORE_AND_AFTER = 開始跟結束在同一點上 3 Range.NODE_INSIDE = 選擇並且涵蓋到目標
comparePoint(nodeToCompare,offsetInsideNode)		回傳Integer 回傳 說明 -1 在目標之前 0 在目標裡 1 在目標之後
createContextualFragment(HTMLtext)	將字串轉標籤物件	Element
deleteContents()	刪除目標內容	無
detach()	離開選取範圍，並允許瀏覽器，以釋放資源	無
extractContents()	用途可用來移動目標內容，完整移動	element
insertNode(nodeToInsert)	nodeToInsert = 要插入的標籤物件	無
intersectsNode(nodeToCheck)	nodeToCheck = 目標	true = 選擇範圍有涵蓋到目標，包含選擇自己；false = 選擇沒有涵蓋到目標
isPointInRange(nodeToCheck,offsetInsideNode)	(nodeToCheck = 目標.focusNode;offsetInsideNode =目標.focusOffset	Boolean
selectNode(node)	目標自己本身	無
selectNodeContents(node)	目標內容	無
setEnd(node,offsetInsideNode)	node = 目標 ；offsetInsideNode = 位置int	無
setStart(node,offsetInsideNode)	node = 目標 ；offsetInsideNode = 位置int	無
setEndAfter(node)	選擇end位置之後節點	無
setEndBefore(node)	選擇end位置之前節點	無
setStartAfter(node)	選擇start位置之後節點	無
setStartBefore(node)	選擇start位置之前節點	無
surroundContents(element)	標籤物件包圍目標	無
toString()	回傳選擇字串	String

window.oper

window.oper(url,name,spec)

• url:網址
• name:選擇彈跳視窗名稱
• spec:彈跳新視窗條件

設定值	說明
fullscreen = yes|no|1|0	視窗最大化
location = yes|no|1|0	是否顯示網址
menubar = yes|no|1|0	是否顯示功能表
resizble = yes|no|1|0	是否可以調整大小
scrollbars = yes|no|1|0	是否顯示捲軸
status = yes|no|1|0	是否顯示狀態
titlebar = yes|no|1|0	是否顯示標題，問了防止(網路釣魚)，幾乎忽略使用者設定，永遠都為yes
left	視窗左邊位置
top	視窗上方位置
height	視窗高度
width	視窗寬度

String字串方法

String Object Properties

Property	Description
constructor	返回的函數創建的String對象的原型
length	回傳字串數
prototype	添加方法的屬性

String Object Methods

Method	Description
charAt()	回傳指定位置字元
charCodeAt()	指定位置字元的十六進位值，並以十進位值回傳
concat()	將兩個字串組成因字串
fromCharCode(n1, n2,nX)	Unicode碼轉成字串
indexOf(str,start)	由第一個字元，開始搜尋特定字串
lastIndexOf(str,start)	由最後個字元，開始搜尋特定字串
match(regexp)	回傳符合regexp，回傳為陣列
replace(str1,str2)	將str1字串更換str2字串
search(regexp)	回傳符合的搜尋位置，如都不符合則回傳-1
slice(begin,end)	擷取字串的特定字元，維新字串，begin(開始)，end(結束)
split(char,howmany)	將字串轉陣列，char(為分隔字元)，howmany(指定要回傳多少陣列值)
substr(start,length)	擷取字串的特定字元，維新字串，start(開始)，length(字元數，可以不填)
substring(start,end)	擷取字串的特定字元，維新字串，start(開始)，end(結束位置)
toLowerCase()	將字串轉為小寫
toUpperCase()	將字串轉為大寫
valueOf()	Returns the primitive value of a String object

String HTML Wrapper Methods

The HTML wrapper methods return the string wrapped inside the appropriate HTML tag.

Method	Description
anchor()	將字串加上錨點
big()	以較大的字級顯示字串
blink()	以閃爍方式顯示字串
bold()	以粗體顯示字串
fixed()	以單調字(固定大小)顯示文字，相當於使用<pre>標籤
fontcolor()	為字串加上顏色
fontsize()	調整字串字字體大小
italics()	以斜體顯示字串
link()	為字串加上超連結
small()	以較小字體顯示
strike()	為字串加上刪除線
sub()	以下標字顯示字串
sup()	以上標字顯示字串

Array陣列方法

Array 物件屬性

屬性	說明
constructor	返回的函數創建的Array對象的原型
length	回傳陣列數
prototype	添加方法的屬性

Array 物件方法

方法	說明	範例	回傳
concat()	將兩組陣列，結合成一組	array.concat(arrayN1,arrayN2,arrayN3)	return Array
join()	將陣列轉成字串	array.join(char)	return String
pop()	移除陣列最後一個元素,並回傳移除元素	array.pop()	return String
push()	加入新元素，至陣列最後一個,回傳陣列數	array.push(ele1,ele2,ele3,......)	return Int
reverse()	將陣列順序前後顛倒	array.reverse()	return Array
shift()	移除陣列第一個元素	array.shift()	return String
slice()	取出陣列特定元素，陣列內容會遭到改變	array.slice(start,end)	return Array
sort()	從新排列陣列元素順序	array.sort()	return Array
splice()	取出特定元素，並置換成指定元素,index(開始位置) n(刪除數量，可以等於0) ele(元素)	array.splice(index,n,ele1,ele2,eleN)	return Array
toString()	將陣列轉成字串，並以逗號分隔	array.toString()	return String
unshift()	將新元素加到陣列中，並回傳陣列總數	array.unshift(ele1,ele2,eleN)	return Int

Math

Math.abs(x)	回傳數值的絕對值
Math.acos(x)	三角函數，反餘弦值
Math.asin(x)	三角函數，反正弦值
Math.atan(x)	三角函數，反正切值
Math.atan2(x,y)	回傳由x到座標(x,y)的角度，這個角度介於-PI/2和PI/2弧度之間
Math.ceil(x)	無條件進位
Math.cos(x)	三角函數，餘弦值
Math.exp(x)	回傳e的指數
Math.floor(x)	無條件捨去
Math.log(x)	回傳已e為底的自然對數
Math.max(x,y,...)	取兩個值中較大者
Math.min(x,y,...)	取兩個值中較小者
Math.pow(x,y)	回傳x的y次方
Math.random	產生介於0與1之間的亂數
Math.round	四捨五入
Math.sin	三角函數，正弦值
Math.sqrt	平方根
Math.tan	三角函數，正切值

IE7無法使用getElementByName 替代方案

function getElementsByModifiedId(baseIdentifier) {//計算file數量
var allWantedElements = [];
var idMod = 0;
while(document.getElementById(baseIdentifier + idMod)) { // will stop when it can't find any more
allWantedElements.push(document.getElementById(baseIdentifier + idMod++));
}
return allWantedElements;
}

append and prepend 插入元素必知

function prependElement(parentID,child)//插入元素
{
var parent=document.getElementById(parentID);
parent.insertBefore(child,parent.childNodes[0]);
}

RegExp規則

RegExp規則

RegExp位置符號: ^=強制由自首開始 $=強制到字尾結束 \b=代表單字第一個字 \B=代表單字中含檢測內容 RegExp符號語法: {n}=n代表字數 {n,}=代表n個以上字元 {n,m}=代表n到m字元 ? =代表問號前字元有出現即可 * = 代表幾個字元都可以有出現即可 + = 代表至少一個字元 | = 代表或 RegExp方法: text(Str)=搜尋Str字串,回傳Booln exec(Str)=搜尋Str字串,回傳找到字串,找不到回傳null

[]=框框內文字代表可輸入文字 [^]=代表框框內字元為不允許 .=代表enter以外所有字元 \w=代表[0-9A-Za-z] \W=代表[^0-9A-Za-z] \d=代表[0-9] \D=代表[^0-9] \s=代表空白鍵 \S=代表非空白鍵 \n=代表插入一行符號 \f=代表換行 \r=代表游標移到第一位置 \t=代表Tab鍵 比對方式: g=代表全部比對 i=不分大小 m=多行模式

輸入數字

輸入文字