JS函數全集

1.document.write(""); 輸出語句
2.JS中的註釋爲//
3.傳統的HTML文檔順序是:document->html->(head,body)
4.一個瀏覽器窗口中的DOM順序是:window->(navigator,screen,history,location,document)
5.得到表單中元素的名稱和值:document.getElementById("表單中元素的ID號").name(或value)
6.一個小寫轉大寫的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
7.JS中的值類型:String,Number,Boolean,Null,Object,Function
8.JS中的字符型轉換成數值型:parseInt(),parseFloat()
9.JS中的數字轉換成字符型:(""+變量)
10.JS中的取字符串長度是:(length)
11.JS中的字符與字符相連接使用+號.
12.JS中的比較操作符有:==等於,!=不等於,>,>=,<.<=
13.JS中聲明變量使用:var來進行聲明
14.JS中的判斷語句結構:if(condition){}else{}
15.JS中的循環結構:for([initial expression];[condition];[upadte expression]) {inside loop}
16.循環中止的命令是:break
17.JS中的函數定義:function functionName([parameter],...){statement[s]}
18.當文件中出現多個form表單時.可以用document.forms[0],document.forms[1]來代替.
19.窗口:打開窗口window.open(), 關閉一個窗口:window.close(), 窗口本身:self
20.狀態欄的設置:window.status="字符";
21.彈出提示信息:window.alert("字符");
22.彈出確認框:window.confirm();
23.彈出輸入提示框:window.prompt();
24.指定當前顯示鏈接的位置:window.location.href="URL"
25.取出窗體中的所有表單的數量:document.forms.length
26.關閉文檔的輸出流:document.close();
27.字符串追加連接符:+=
28.創建一個文檔元素:document.createElement(),document.createTextNode()
29.得到元素的方法:document.getElementById()
30.設置表單中所有文本型的成員的值爲空:
 var form = window.document.forms[0]
 for (var i = 0; i<form.elements.length;i++){
     if (form.elements[i].type == "text"){
         form.elements[i].value = "";
     }
 }
31.複選按鈕在JS中判斷是否選中:document.forms[0].checkThis.checked (checked屬性代表爲是否選中返回TRUE或FALSE)
32.單選按鈕組(單選按鈕的名稱必須相同):取單選按鈕組的長度document.forms[0].groupName.length
33.單選按鈕組判斷是否被選中也是用checked.
34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有時用下拉列表框名稱加上.selectedIndex來確定被選中的值)
35.字符串的定義:var myString = new String("This is lightsword");
36.字符串轉成大寫:string.toUpperCase(); 字符串轉成小寫:string.toLowerCase();
37.返回字符串2在字符串1中出現的位置:String1.indexOf("String2")!=-1則說明沒找到.
38.取字符串中指定位置的一個字符:StringA.charAt(9);
39.取出字符串中指定起點和終點的子字符串:stringA.substring(2,6);
40.數學函數:Math.PI(返回圓周率),Math.SQRT2(返回開方),Math.max(value1,value2)返回兩個數中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四捨五入函數,Math.floor(Math.random()*(n+1))返回隨機數
41.定義日期型變量:var today = new Date();
42.日期函數列表:dateObj.getTime()得到時間,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期幾,dateObj.getHours()得到小時,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTime(value)設置時間,dateObj.setYear(val)設置年,dateObj.setMonth(val)設置月,dateObj.setDate(val)設置日,dateObj.setDay(val)設置星期幾,dateObj.setHours設置小時,dateObj.setMinutes(val)設置分,dateObj.setSeconds(val)設置秒  [注意:此日期時間從0開始計]
43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parent代表父親對象,top代表最頂端對象
45.打開子窗口的父窗口爲:opener
46.表示當前所屬的位置:this
47.當在超鏈接中調用JS函數時用:(javascript:)來開頭後面加函數名
48.在老的瀏覽器中不執行此JS:<!--      //-->
49.引用一個文件式的JS:<script type="text/javascript" src="aaa.js"></script>
50.指定在不支持腳本的瀏覽器顯示的HTML:<noscript></noscript>
51.當超鏈和ONCLICK事件都有時,則老版本的瀏覽器轉向a.html,否則轉向b.html.例:<a href="a.html" >dfsadf</a>
52.JS的內建對象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
53.JS中的換行:\n
54.窗口全屏大小:<script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>
55.JS中的all代表其下層的全部元素

56.JS中的焦點順序:document.getElementByid("表單元素").tabIndex = 1
57.innerHTML的值是表單元素的值:如<p id="para">"how are <em>you</em>"</p>,則innerHTML的值就是:how are <em>you</em>
58.innerTEXT的值和上面的一樣,只不過不會把<em>這種標記顯示出來.
59.contentEditable可設置元素是否可被修改,isContentEditable返回是否可修改的狀態.
60.isDisabled判斷是否爲禁止狀態.disabled設置禁止狀態
61.length取得長度,返回整型數值
62.addBehavior()是一種JS調用的外部函數文件其擴展名爲.htc
63.window.focus()使當前的窗口在所有窗口之前.
64.blur()指失去焦點.與FOCUS()相反.
65.select()指元素爲選中狀態.
66.防止用戶對文本框中輸入文本:
67.取出該元素在頁面中出現的數量:document.all.tags("div(或其它HTML標記符)").length
68.JS中分爲兩種窗體輸出:模態和非模態.window.showModaldialog(),window.showModeless()
69.狀態欄文字的設置:window.status='文字',默認的狀態欄文字設置:window.defaultStatus = '文字.';
70.添加到收藏夾:external.AddFavorite("http://www.xrss.cn","jaskdlf");
71.JS中遇到腳本錯誤時不做任何操作:window.onerror = doNothing; 指定錯誤句柄的語法爲:window.onerror = handleError;
72.JS中指定當前打開窗口的父窗口:window.opener,支持opener.opener...的多重繼續.
73.JS中的self指的是當前的窗口
74.JS中狀態欄顯示內容:window.status="內容"
75.JS中的top指的是框架集中最頂層的框架
76.JS中關閉當前的窗口:window.close();
77.JS中提出是否確認的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
78.JS中的窗口重定向:window.navigate("http://www.sina.com.cn");
79.JS中的打印:window.print()
80.JS中的提示輸入框:window.prompt("message","defaultReply");
81.JS中的窗口滾動條:window.scroll(x,y)
82.JS中的窗口滾動到位置:window.scrollby
83.JS中設置時間間隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
84.JS中的模態顯示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);
85.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}}  window.οnbefοreunlοad=verifyClose;
86.當窗體第一次調用時使用的文件句柄:onload()
87.當窗體關閉時調用的文件句柄:onunload()
88.window.location的屬性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo",指跳轉到相應的錨記),href(全部的信息)
89.window.location.reload()刷新當前頁面.
89-1.parent.location.reload()刷新父親對象（用於框架）
89-2.opener.location.reload()刷新父窗口對象（用於單開窗口）
89-3.top.location.reload()刷新最頂端對象（用於多開窗口）
90.window.history.back()返回上一頁,window.history.forward()返回下一頁,window.history.go(返回第幾頁,也可以使用訪問過的URL)
91.document.write()不換行的輸出,document.writeln()換行輸出
92.document.body.noWrap=true;防止鏈接文字折行.
93.變量名.charAt(第幾位),取該變量的第幾位的字符.
94."abc".charCodeAt(第幾個),返回第幾個字符的ASCii碼值.
95.字符串連接:string.concat(string2),或用+=進行連接
96.變量.indexOf("字符",起始位置),返回第一個出現的位置(從0開始計算)
97.string.lastIndexOf(searchString[,startIndex])最後一次出現的位置.
98.string.match(regExpression),判斷字符是否匹配.
99.string.replace(regExpression,replaceString)替換現有字符串.
100.string.split(分隔符)返回一個數組存儲值.
101.string.substr(start[,length])取從第幾位到指定長度的字符串.
102.string.toLowerCase()使字符串全部變爲小寫.
103.string.toUpperCase()使全部字符變爲大寫.
104.parseInt(string[,radix(代表進制)])強制轉換成整型.
105.parseFloat(string[,radix])強制轉換成浮點型.
106.isNaN(變量):測試是否爲數值型.
107.定義常量的關鍵字:const,定義變量的關鍵字:var

js函數集

·字符串(String) 

1.聲明 

var myString = new String("Every good boy does fine."); 

var myString = "Every good boy does fine.";

2.字符串連接 

var myString = "Every " + "good boy " + "does fine."; 

var myString = "Every "; myString += "good boy does fine.";

3.截取字符串 

//截取第 6 位開始的字符 

var myString = "Every good boy does fine."; 

var section = myString.substring(6); //結果: "good boy does fine."

//截取第 0 位開始至第 10 位爲止的字符 

var myString = "Every good boy does fine."; 

var section = myString.substring(0,10); //結果: "Every good"

//截取從第 11 位到倒數第 6 位爲止的字符 

var myString = "Every good boy does fine."; 

var section = myString.slice(11,-6); //結果: "boy does"

//從第 6 位開始截取長度爲 4 的字符 

var myString = "Every good boy does fine."; 

var section = myString.substr(6,4); //結果: "good"

4.轉換大小寫 

var myString = "Hello"; 

var lcString = myString.toLowerCase(); //結果: "hello" 

var ucString = myString.toUpperCase(); //結果: "HELLO"

5.字符串比較 

var aString = "Hello!"; 

var bString = new String("Hello!"); 

if( aString == "Hello!" ){ } //結果: true 

if( aString == bString ){ } //結果: true 

if( aString === bString ){ } //結果: false (兩個對象不同,儘管它們的值相同)

6.檢索字符串 

var myString = "hello everybody."; 

// 如果檢索不到會返回-1,檢索到的話返回在該串中的起始位置 

if( myString.indexOf("every") > -1 ){ } //結果: true

7.查找替換字符串 

var myString = "I is your father."; 

var result = myString.replace("is","am"); //結果: "I am your father."

8.特殊字符: 

\b : 後退符 \t : 水平製表符 

\n : 換行符 \v : 垂直製表符 

\f : 分頁符 \r : 回車符 

\" : 雙引號 \' : 單引號 

\\ : 反斜杆

9.將字符轉換成Unicode編碼 

var myString = "hello"; 

var code = myString.charCodeAt(3); //返回"l"的Unicode編碼(整型) 

var char = String.fromCharCode(66); //返回Unicode爲66的字符

10.將字符串轉換成URL編碼 

var myString = "hello all"; 

var code = encodeURI(myString); //結果: "hello%20all" 

var str = decodeURI(code); //結果: "hello all" 

//相應的還有: encodeURIComponent() decodeURIComponent()

11.將字符串轉換成base64編碼 

// base64Encode() base64Decode() 用法同上

//-----------------------------------------------------------------------

·數字型(Number) 

1.聲明 

var i = 1; 

var i = new Number(1);

2.字符串與數字間的轉換 

var i = 1; 

var str = i.toString(); //結果: "1" 

var str = new String(i); //結果: "1" 

i = parseInt(str); //結果: 1 

i = parseFloat(str); //結果: 1.0

//注意: parseInt,parseFloat會把一個類似於"32G"的字符串,強制轉換成32

3.判斷是否爲有效的數字 

var i = 123; var str = "string"; 

if( typeof i == "number" ){ } //true

//某些方法(如:parseInt,parseFloat)會返回一個特殊的值NaN(Not a Number) 

//請注意第2點中的[注意],此方法不完全適合判斷一個字符串是否是數字型!! 

i = parseInt(str); 

if( isNaN(i) ){ }

4.數字型比較 

//此知識與[字符串比較]相同

5.小數轉整數 

var f = 1.5; 

var i = Math.round(f); //結果:2 (四捨五入) 

var i = Math.ceil(f); //結果:2 (返回大於f的最小整數) 

var i = Math.floor(f); //結果:1 (返回小於f的最大整數)

6.格式化顯示數字 

var i = 3.14159;

//格式化爲兩位小數的浮點數 

var str = i.toFixed(2); //結果: "3.14"

//格式化爲五位數字的浮點數(從左到右五位數字,不夠補零) 

var str = i.toPrecision(5); //結果: "3.1415"

7.X進制數字的轉換 

//不是很懂 -.- 

var i = parseInt("0x1f",16); 

var i = parseInt(i,10); 

var i = parseInt("11010011",2);

8.隨機數 

//返回0-1之間的任意小數 

var rnd = Math.random(); 

//返回0-n之間的任意整數(不包括n) 

var rnd = Math.floor(Math.random() * n)

//-----------------------------------------------------------------------

·Math對象 

1. Math.abs(num) : 返回num的絕對值 

2. Math.acos(num) : 返回num的反餘弦值 

3. Math.asin(num) : 返回num的反正弦值 

4. Math.atan(num) : 返回num的反正切值 

5. Math.atan2(y,x) : 返回y除以x的商的反正切值 

6. Math.ceil(num) : 返回大於num的最小整數 

7. Math.cos(num) : 返回num的餘弦值 

8. Math.exp(x) : 返回以自然數爲底,x次冪的數 

9. Math.floor(num) : 返回小於num的最大整數 

10.Math.log(num) : 返回num的自然對數 

11.Math.max(num1,num2) : 返回num1和num2中較大的一個 

12.Math.min(num1,num2) : 返回num1和num2中較小的一個 

13.Math.pow(x,y) : 返回x的y次方的值 

14.Math.random() : 返回0到1之間的一個隨機數 

15.Math.round(num) : 返回num四捨五入後的值 

16.Math.sin(num) : 返回num的正弦值 

17.Math.sqrt(num) : 返回num的平方根 

18.Math.tan(num) : 返回num的正切值 

19.Math.E : 自然數(2.718281828459045) 

20.Math.LN2 : 2的自然對數(0.6931471805599453) 

21.Math.LN10 : 10的自然對數(2.302585092994046) 

22.Math.LOG2E : log 2 爲底的自然數(1.4426950408889634) 

23.Math.LOG10E : log 10 爲底的自然數(0.4342944819032518) 

24.Math.PI : π(3.141592653589793) 

25.Math.SQRT1_2 : 1/2的平方根(0.7071067811865476) 

26.Math.SQRT2 : 2的平方根(1.4142135623730951)

//-----------------------------------------------------------------------

·日期型(Date) 

1.聲明 

var myDate = new Date(); //系統當前時間

var myDate = new Date(yyyy, mm, dd, hh, mm, ss); 

var myDate = new Date(yyyy, mm, dd); 

var myDate = new Date("monthName dd, yyyy hh:mm:ss"); 

var myDate = new Date("monthName dd, yyyy"); 

var myDate = new Date(epochMilliseconds);

2.獲取時間的某部份 

var myDate = new Date(); 

myDate.getYear(); //獲取當前年份(2位) 

myDate.getFullYear(); //獲取完整的年份(4位,1970-????) 

myDate.getMonth(); //獲取當前月份(0-11,0代表1月) 

myDate.getDate(); //獲取當前日(1-31) 

myDate.getDay(); //獲取當前星期X(0-6,0代表星期天) 

myDate.getTime(); //獲取當前時間(從1970.1.1開始的毫秒數) 

myDate.getHours(); //獲取當前小時數(0-23) 

myDate.getMinutes(); //獲取當前分鐘數(0-59) 

myDate.getSeconds(); //獲取當前秒數(0-59) 

myDate.getMilliseconds(); //獲取當前毫秒數(0-999) 

myDate.toLocaleDateString(); //獲取當前日期 

myDate.toLocaleTimeString(); //獲取當前時間 

myDate.toLocaleString( ); //獲取日期與時間

3.計算之前或未來的時間 

var myDate = new Date(); 

myDate.setDate(myDate.getDate() + 10); //當前時間加10天 

//類似的方法都基本相同,以set開頭,具體參考第2點

4.計算兩個日期的偏移量 

var i = daysBetween(beginDate,endDate); //返回天數 

var i = beginDate.getTimezoneOffset(endDate); //返回分鐘數

5.檢查有效日期 

//checkDate() 只允許"mm-dd-yyyy"或"mm/dd/yyyy"兩種格式的日期 

if( checkDate("2006-01-01") ){ }

//正則表達式(自己寫的檢查 yyyy-mm-dd, yy-mm-dd, yyyy/mm/dd, yy/mm/dd 四種) 

var r = /^(\d{2}|\d{4})[\/-]\d{1,2}[\/-]\d{1,2}$/; 

if( r.test( myString ) ){ }

//-----------------------------------------------------------------------

·數組(Array) 

1.聲明 

var arr = new Array(); //聲明一個空數組 

var arr = new Array(10); //聲明一個10個長度的數組 

var arr = new Array("Alice", "Fred", "Jean"); //用值初始化數組 

var arr = ["Alice", "Fred", "Jean"]; //用值初始化數組 

var arr = [["A","B","C"][1,2,3]]; //聲明一個二(多)維數組

2.數組的訪問 

arr[0] = "123"; //賦值 

var str = arr[0]; //獲取 

arr[0][0] = "123"; //多維數組賦值

3.數組與字符串間的轉換 

var arr = ["A","B","C","D"]; //聲明

//數組按分隔符轉換成字符串 

var str = arr.join("|"); //結果: "A|B|C|D"

//字符串切割成數組 

arr = str.split("|");

4.遍歷數組 

for( var i=0; i<arr.length; i++ ){ alert(arr[i]); }

5.排序 

var arr = [12,15,8,9]; 

arr.sort(); //結果: 8 9 12 15

6.組合與分解數組 

var arr1 = ["A","B","C","D"]; 

var arr2 = ["1","2","3","4"];

//獎兩個數組組合成一個新的數組 

var arr = arr1.concat(arr2); //結果: ["A","B","C","D","1","2","3","4"]

//將一個數組切成兩個數組(參數1:起始索引,參數2:切割長度) 

var arr3 = arr.splice(1,3); //結果: arr3:["B","C","D"] arr["A","1","2","3","4"]

//將一個數組切成兩個數組,並在原數組補新值 

var arr4 = arr.splice(1,3,"AA"); //結果: arr4:["B","C","D"] arr["A","AA","1","2","3","4"]

//-----------------------------------------------------------------------

·自定義對象 

1.聲明: 

function myUser(uid,pwd){ 

this.uid = uid; 

this.pwd = pwd || "000000"; //默認值 

this.show = showInfo; //方法 

}

//下面的函數不是自定義對象,是自定義對象的方法.繼續看下去就明白了 

function showInfo(){ 

alert("用戶名:" + this.uid + ",密碼:" + this.pwd) 

}

2.實例化: 

var user = new myUser("user","123456"); 

var user = {uid:"user",pwd:"123456"};

3.獲取與設置 

alert("用戶名是:" + user.uid); //get 

user.uid = "newuser"; //set 

user.show(); //調用show()方法

//-----------------------------------------------------------------------

·變量 函數 流程控制 

1.變量 

var i = 1; 

var i = 1, str = "hello";

2.函數 

function funName(){ 

//do something. 

} 

function funName(param1[,paramX]){ 

//do something. 

}

3.嵌套函數 

//某種情況,你需要創建一個函數本身所獨有的函數. 

function myFunction(){ 

//do something. 

privateFunction(); 

function privateFunction(){ 

//do something. 

} 

}

4.匿名函數 

var tmp = function(){ alert("only test."); } 

tmp();

5.延遲函數調用 

var tId = setTimeout("myFun()",1000); //延遲1000毫秒後再調用myFun()函數 

fucntion myFun(){ 

//do something 

clearTimeout(tId); //銷燬對象 

}

6.流程控制 

if( condition ){ } 

if( condition ){ } else{ } 

if( condition ){ } else if( condition ){ } else{ }

switch( expression ){ 

case valA : statement; break; 

case valB : statement; break; 

default : statement; break; 

}

7.異常捕獲 

try{ expression } catch(e){ } finally{ }

//不處理任何異常 

window.onerror = doNothing; 

function doNothing(){ return true; }

//異常類可用的屬性 

description : 異常描述(IE,NN) 

fileName : 異常頁面URI(NN) 

lineNumber : 異常行數(NN) 

message : 異常描述(IE,NN) 

name : 錯誤類型(IE,NN) 

number : 錯誤代碼(IE)

//錯誤信息(兼容所有瀏覽器) 

try{ } 

catch(e){ 

var msg = (e.message) ? e.message : e.description; 

alert(msg); 

}

8.加快腳本的執行速度 

-避免使用 eval() 函數 

-避免使用 with 關鍵字 

-將重複的表達式賦值精簡到最小 

-在較大的對象中使用索引來查找數組 

-減少 document.write() 的使用

//-----------------------------------------------------------------------

·瀏覽器特徵( navigator ) 

1.瀏覽器名稱 

//IE : "Microsoft Internet Explorer" 

//NS : "Netscape" 

var browserName = navigator.appName;

2.瀏覽器版本 

bar browserVersion = navigator.appVersion;

3.客戶端操作系統 

var isWin = ( navigator.userAgent.indexOf("Win") != -1 ); 

var isMac = ( navigator.userAgent.indexOf("Mac") != -1 ); 

var isUnix = ( navigator.userAgent.indexOf("X11") != -1 );

4.判斷是否支持某對象,方法,屬性 

//當一個對象,方法,屬性未定義時會返回undefined或null等,這些特殊值都是false 

if( document.images ){ } 

if( document.getElementById ){ }

5.檢查瀏覽器當前語言 

if( navigator.userLanguage ){ var l = navigator.userLanguage.toUpperCase(); }

6.檢查瀏覽器是否支持Cookies 

if( navigator.cookieEnabled ){ }

//-----------------------------------------------------------------------

·控制瀏覽器窗口( window ) 

1.設置瀏覽器的大小 

window.resizeTo(800, 600); //將瀏覽器調整到800X600大小 

window.resizeBy(50, -10); //在原有大小上改變增大或減小窗口大小

2.調整瀏覽器的位置 

window.moveTo(10, 20); //將瀏覽器的位置定位到X:10 Y:20 

window.moveBy(0, 10); //在原有位置上移動位置(偏移量)

3.創建一個新的窗口 

var win = window.open("about.htm","winName","height=300,width=400");

//參數 

alwaysLowered //始終在其它瀏覽器窗口的後面(NN) 

alwaysRaised //始終在其它瀏覽器窗口的前面(NN) 

channelMode //是否爲導航模式(IE) 

copyhistory //複製歷史記錄至新開的窗口(NN) 

dependent //新窗口隨打開它的主窗口關閉而關閉(NN) 

fullscreen //全屏模式(所有相關的工具欄都沒有)(IE) 

location //是否顯示地址欄(NN,IE) 

menubar //是否顯示菜單欄(NN,IE) 

scrollbars //是否顯示滾動條(NN,IE) 

status //是否顯示狀態欄(NN,IE) 

toolbar //是否顯示工具欄(NN,IE) 

directories //是否顯示鏈接欄(NN,IE) 

titlebar //是否顯示標題欄(NN) 

hotkeys //顯示菜單快捷鍵(NN) 

innerHeight //內容區域的高度(NN) 

innerWidth //內容區域的寬度(NN) 

resizable //是否可以調整大小(NN,IE) 

top //窗口距離桌面上邊界的大小(NN,IE) 

left //窗口距離桌面左邊界的大小(NN,IE) 

height //窗口高度(NN,IE) 

width //瀏覽器的寬度

4.與新窗口通訊 

win.focus(); //讓新窗口獲得焦點 

win.document.write("abc"); //在新窗口上操作 

win.document.close(); //結束流操作 

opener.close();

5.模式窗口 

window.showModalDialog("test.htm",dialogArgs,"param"); //傳遞對象 

window.showModelessDialog("test.htm",myFunction,"param"); //傳遞函數 

window.dialogArguments //對話框訪問父窗口傳遞過來的對象 

window.returnValue //父窗口獲取對話框返回的值

//參數 

center //窗口居中屏幕 

dialogHeight //窗口高度 

dialogWidth //窗口寬度 

dialogTop //窗口距離屏幕的上邊距 

dialogLeft //窗口距離屏幕的左邊距 

edge //邊框風格(raised|sunken) 

help //顯示幫助按鈕 

resizable //是否可以改變窗口大小 

status //是否顯示狀態欄

//例子 

<script> 

function openDialog(myForm) { 

var result = window.showModalDialog("new.html",myForm,"center"); 

} 

</script> 

<form action="#" οnsubmit="return false"> 

<input type="text" id="txtId"> 

<input type="button" id="btnChk" value="驗證是否可用" οnclick="openDialog(this.form);"> 

</form>

//另一個頁面new.html 

<script> 

window.dialogArguments.btnChk.enabled = false; //將父窗口中的按鈕設置爲不可用 

//do something to check the Id. 

window.write("用戶ID: " + window.dialogArguments.txtId.value + " 可使用!"); //獲取文本框的值 

</script>

//-----------------------------------------------------------------------

·管理框架網頁( frames ) 

1.創建一個框架架構網頁 

<html> 

<frameset rows="50, *"> 

<frame name="header" src="header.html"> 

<frame name="main" src="main.html"> 

</frameset> 

</html>

2.訪問框架網頁 

window.frames[i] 

window.frames["frameName"] 

window.frameName

window.frames["frameName"].frames["frameName2"] 

parent.frames["frameName"] 

top.frames["frameName"]

3.將某一頁面定向到某框架 

<a href="new.html" target="main"> 

location = "new.html"; 

parent.frameName.location.href = "new.html"; 

top.frameName.location = "new.html";

4.強制不讓其它框架引用某頁面 

if (top != self) { 

top.location.href = location.href; 

}

5.更改框架的大小 

document.framesetName.rows = "50,*"; 

document.framesetName.cols = "50,*";

6.動態創建框架網頁 

var frag = document.createDocumentFragment( ); 

var newFrame= document.createElement("frame"); 

newFrame.id = "header"; 

newFrame.name = "header"; 

newFrame.src="header.html" 

frag.appendChild(newFrame); 

newFrame = document.createElement("frame"); 

newFrame.id = "main"; 

newFrame.name = "main"; 

newFrame.src="main.html" 

frag.appendChild(newFrame); 

document.getElementById("masterFrameset").rows = "50,*";