js的方法可是有一些，想具體了解，可以去下載下傳一本js手冊
a
abs 傳回數字的絕對值
acos 傳回數的反餘弦值
anchor 在對象中的指定文本兩端放置一個有 NAME 屬性 HTML 錨點
apply 應用某一對象的一個方法，用另一個對象替換目前對象
asin 傳回數字的反正弦值
atan 傳回數字的反正切值
atan2 傳回由 X 軸到 ( y , x ) 點的角度（以弧度為機關）
atEnd 傳回一個 Boolean 值，指明枚舉算子是否位于集合的末尾
b
big 把 HTML <BIG> 标記放置在 String 對象中的文本兩端
blink 把 HTML <BLINK> 标記放置在 String 對象中的文本兩端
bold 把 HTML <B> 标記放置在 String 對象中的文本兩端
c
call 調用一個對象的一個方法，以另一個對象替換目前對象
ceil 傳回大于等于其數字參數的最小整數
charAt 傳回指定索引位置處的字元
charCodeAt 傳回一個整數，代表指定位置上字元的 Unicode 編碼
compile 把正規表達式編譯為内部格式，進而執行得更快
concat 傳回一個新數組，這個新數組是由兩個或更多數組組合而成的
concat（String） 傳回字元串值，該值包含了兩個或更多個提供的字元串的連接配接
cos 傳回數的餘弦值
d
decodeURI 傳回一個已編碼的統一資源辨別符 (URI) 的非編碼形式
decodeURIComponent 傳回統一資源辨別符 (URI) 的一個已編碼元件的非編碼形式
dimensions 傳回 VBArray 的維數
e
encodeURI 将文本字元串編碼為一個有效的統一資源辨別符 (URI)
encodeURIComponent 将文本字元串編碼為一個統一資源辨別符 (URI) 的一個有效元件
escape 對 String 對象編碼以便它們能在所有計算機上可讀
eval 檢查 JScript 代碼并執行
exec 用正規表達式模式在字元串中運作查找，并傳回包含該查找結果的一個數組
exp 傳回 e（自然對數的底）的幂
f
fixed 把HTML<TT>标記放置在 String 對象中的文本兩端
floor 傳回小于等于其數值參數的最大整數
fontcolor 把帶有 COLOR 屬性的一個 HTML <FONT> 标記放置在 String 對象中的文本兩端
fontsize 把一個帶有 SIZE 屬性的 HTML <FONT> 标記放置在 String 對象中的文本的兩端
fromCharCode 從一些 Unicode 字元值中傳回一個字元串
g
getDate 傳回 Date 對象中用本地時間表示的一個月中的日期值
getDay 傳回 Date 對象中用本地時間表示的一周中的日期值
getFullYear 傳回 Date 對象中用本地時間表示的年份值
getHours 傳回 Date 對象中用本地時間表示的小時值
getItem 傳回指定位置的項
getMilliseconds 傳回 Date 對象中用本地時間表示的毫秒值
getMinutes 傳回 Date 對象中用本地時間表示的分鐘值
getMonth 傳回 Date 對象中用本地時間表示的月份值
getSeconds 傳回 Date 對象中用本地時間表示的秒鐘值
getTime 傳回 Date 對象中的時間值
getTimezoneOffset 傳回用分鐘表示的主計算機上的時間和全球标準時間 (UTC)之間的差别
getUTCDate 傳回 Date 對象中用全球标準時間 (UTC)表示的日期
getUTCDay 傳回 Date 對象中用全球标準時間 (UTC)表示的一周中的日期值
getUTCFullYear 傳回 Date 對象中用全球标準時間 (UTC)表示的年份值
getUTCHours 傳回 Date 對象中用全球标準時間 (UTC)表示的小時值
getUTCMilliseconds 傳回 Date 對象中用全球标準時間 (UTC)表示的毫秒值
getUTCMinutes 傳回 Date 對象中用全球标準時間 (UTC)表示的分鐘值
getUTCMonth 傳回 Date 對象中用全球标準時間 (UTC)表示的月份值
getUTCSeconds 傳回 Date 對象中用全球标準時間 (UTC)表示的秒鐘值
getVarDate 傳回 Date 對象中的 VT_DATE 值
getYear 傳回 Date 對象中的年份值
i
indexOf 傳回 String 對象内第一次出現子字元串的字元位置
isFinite 傳回一個 Boolean 值,指明所提供的數字是否是有限的
isNaN 傳回一個 Boolean 值，指明提供的值是否是保留值 NaN （不是數字）
italics 把 HTML <I> 标記放置在 String 對象中的文本兩端
item 傳回集合中的目前項
j
join 傳回字元串值，其中包含了連接配接到一起的數組的所有元素，元素由指定的分隔符分隔開
l
lastIndexOf 傳回 String 對象中子字元串最後出現的位置
lbound 傳回在 VBArray 的指定維中所使用的最小索引值
link 把一個有 HREF 屬性的 HTML 錨點放置在 String 對象中的文本兩端
localeCompare 傳回一個值，指出在目前的區域設定中兩個字元串是否相同
log 傳回數字的自然對數
match 使用正規表達式模式對字元串執行查找，并将包含查找的結果作為數組傳回
max 傳回給出的零個或多個數值表達式中較大者
min 傳回給出的零個或多個數值表達式中較小者
moveFirst 重新将集合中的目前項設定為第一項
moveNext 将集合中的目前項移動到下一項
p
parse 解析一個包含日期的字元串，并傳回該日期與 1970 年 1 月 1 日午夜之間所間隔的毫秒數
parseFloat 傳回由字元串轉換得到的浮點數
parseInt 傳回由字元串轉換得到的整數
pop 移除數組中的最後一個元素并傳回該元素
push 将新元素添加到一個數組中，并傳回數組的新長度值
r
random 傳回介于 0 和 1 之間的僞随機數
replace 傳回根據正規表達式進行文字替換後的字元串 的拷貝
reverse 傳回一個元素順序被反轉的 Array 對象
round 傳回與給出的數值表達式最接近的整數
s
search 傳回與正規表達式查找内容比對的第一個子字元串的位置
setDate 設定 Date 對象中用本地時間表示的數字日期
setFullYear 設定 Date 對象中用本地時間表示的年份值
setHours 設定 Date 對象中用本地時間表示的小時值
setMilliseconds 設定 Date 對象中用本地時間表示的毫秒值
setMinutes 設定 Date 對象中用 本地時間表示的分鐘值
setMonth 設定 Date 對象中用 本地時間表示的月份值
setSeconds 設定 Date 對象中用 本地時間表示的秒鐘值
setTime 設定 Date 對象的日期和時間值
setUTCDate 設定 Date 對象中用全球标準時間 (UTC)表示的數值日期
setUTCFullYear 設定 Date 對象中用全球标準時間 (UTC)表示的年份值
setUTCHours 設定 Date 對象中用全球标準時間 (UTC)表示的小時值
setUTCMilliseconds 設定 Date 對象中用全球标準時間 (UTC)表示的毫秒值
setUTCMinutes 設定 Date 對象中用全球标準時間 (UTC)表示的分鐘值
setUTCMonth 設定 Date 對象中用 全球标準時間 (UTC)表示的月份值
setUTCSeconds 設定 Date 對象中用全球标準時間 (UTC)表示的秒值
setYear 設定 Date 對象中的年份值
shift 移除數組中的第一個元素并傳回該元素
sin 傳回數字的正弦值
slice (Array) 傳回一個數組的一段
slice (String) 傳回字元串的片段
small 将 HTML 的<SMALL> 辨別添加到 String 對象中的文本兩端
sort 傳回一個元素已經進行了排序的 Array 對象
splice 從一個數組中移除一個或多個元素，如果必要，在所移除元素的位置上插入新元素，傳回所移除的元素
split 将一個字元串分割為子字元串，然後将結果作為字元串數組傳回
sqrt 傳回數字的平方根
strike 将 HTML 的<STRIKE> 辨別放置到 String 對象中的文本兩端
sub 将 HTML 的 <SUB> 辨別放置到 String 對象中的文本兩端
substr 傳回一個從指定位置開始的指定長度的子字元串
substring 傳回位于 String 對象中指定位置的子字元串
sup 将 HTML 的<sup> 辨別放置到 String 對象中的文本兩端
t
tan 傳回數字的正切值
test 傳回一個 Boolean 值，它指出在被查找的字元串中是否存在模式
toArray 傳回一個由 VBArray 轉換而來的标準 JScript 數組
toDateString 以字元串值的形式傳回一個日期
toExponential 傳回一個字元串，其中包含一個以指數記數法表示的數字
toFixed 傳回一個字元串，代表一個以定點表示法表示的數字
toGMTString 傳回一個日期，該日期用格林威治标準時間 (GMT) 表示并已被轉換為字元串
toLocaleDateString 以字元串的形式傳回與宿主環境的目前區域設定相對應的日期
toLocaleLowerCase 傳回一個字元串，其中所有的字母字元都被轉換為小寫，同時考慮到宿主環境的目前區域設定
toLocaleString 傳回一個日期，該日期使用目前區域設定并已被轉換為字元串
toLocaleTimeString 以字元串的形式傳回與宿主環境的目前區域設定相對應的時間
toLocaleUpperCase 傳回一個字元串，其中所有的字母字元都被轉換為大寫，同時适應宿主環境的目前區域設定
toLowerCase 傳回一個字元串，該字元串中的字母被轉換為小寫字母
toPrecision 傳回一個字元串，其中包含一個以指數記數法或定點記數法表示的，具有指定數字位數的數字
toString 傳回對象的字元串表示
toTimeString 以字元串形式傳回時間
toUpperCase 傳回一個字元串，該字元串中的所有字母都被轉化為大寫字母
toUTCString 傳回一個已被轉換為字元串的，用全球标準時間 (UTC)表示的日期
ubound 傳回在 VBArray 的指定維中所使用的最大索引值
unescape 解碼用 escape 方法進行了編碼的 String 對象
unshift 将指定的元素插入數組開始位置并傳回該數組
UTC 傳回全球标準時間 (UTC) (或 GMT) 的 1970 年 1 月 1 日到所指定日期之間所間隔的毫秒數
valueOf 傳回指定對象的原始值
1 建立腳本塊
1: <script language=”JavaScript”>
2: JavaScript code goes here
3: </script>
2 隐藏腳本代碼
1: <script language=”JavaScript”>
2: <!--
3: document.write(“Hello”);
4: // -->
5: </script>
在不支援JavaScript的浏覽器中将不執行相關代碼
3 浏覽器不支援的時候顯示
1: <noscript>
2: Hello to the non-JavaScript browser.
3: </noscript>
4 連結外部腳本檔案
1: <script language=”JavaScript” src="http://img.sxsky.net/it//”filename.js"”></script>
5 注釋腳本
1: // This is a comment
2: document.write(“Hello”); // This is a comment
3: /*
4: All of this
5: is a comment
6: */
6 輸出到浏覽器
1: document.write(“<strong>Hello</strong>”);
7 定義變量
1: var myVariable = “some value”;
8 字元串相加
1: var myString = “String1” + “String2”;
9 字元串搜尋
1: <script language=”JavaScript”>
2: <!--
3: var myVariable = “Hello there”;
4: var therePlace = myVariable.search(“there”);
5: document.write(therePlace);
6: // -->
7: </script>
10 字元串替換
1: thisVar.replace(“Monday”,”Friday”);
11 格式化字串
1: <script language=”JavaScript”>
2: <!--
3: var myVariable = “Hello there”;
4: document.write(myVariable.big() + “<br>”);
5: document.write(myVariable.blink() + “<br>”);
6: document.write(myVariable.bold() + “<br>”);
7: document.write(myVariable.fixed() + “<br>”);
8: document.write(myVariable.fontcolor(“red”) + “<br>”);
9: document.write(myVariable.fontsize(“18pt”) + “<br>”);
10: document.write(myVariable.italics() + “<br>”);
11: document.write(myVariable.small() + “<br>”);
12: document.write(myVariable.strike() + “<br>”);
13: document.write(myVariable.sub() + “<br>”);
14: document.write(myVariable.sup() + “<br>”);
15: document.write(myVariable.toLowerCase() + “<br>”);
16: document.write(myVariable.toUpperCase() + “<br>”);
17:
18: var firstString = “My String”;
19: var finalString = firstString.bold().toLowerCase().fontcolor(“red”);
20: // -->
21: </script>
12 建立數組
1: <script language=”JavaScript”>
2: <!--
3: var myArray = new Array(5);
4: myArray[0] = “First Entry”;
5: myArray[1] = “Second Entry”;
6: myArray[2] = “Third Entry”;
7: myArray[3] = “Fourth Entry”;
8: myArray[4] = “Fifth Entry”;
9: var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);
10: // -->
11: </script>
13 數組排序
1: <script language=”JavaScript”>
2: <!--
3: var myArray = new Array(5);
4: myArray[0] = “z”;
5: myArray[1] = “c”;
6: myArray[2] = “d”;
7: myArray[3] = “a”;
8: myArray[4] = “q”;
9: document.write(myArray.sort());
10: // -->
11: </script>
14 分割字元串
1: <script language=”JavaScript”>
2: <!--
3: var myVariable = “a,b,c,d”;
4: var stringArray = myVariable.split(“,”);
5: document.write(stringArray[0]);
6: document.write(stringArray[1]);
7: document.write(stringArray[2]);
8: document.write(stringArray[3]);
9: // -->
10: </script>
15 彈出警告資訊
1: <script language=”JavaScript”>
2: <!--
3: window.alert(“Hello”);
4: // -->
5: </script>
16 彈出确認框
1: <script language=”JavaScript”>
2: <!--
3: var result = window.confirm(“Click OK to continue”);
4: // -->
5: </script>
17 定義函數
1: <script language=”JavaScript”>
2: <!--
3: function multiple(number1,number2) {
4: var result = number1 * number2;
5: return result;
6: }
7: // -->
8: </script>
18 調用JS函數
1: <a href=”#” onClick=”functionName()”>Link text</a>
2: <a href="/”javascript:functionName"()”>Link text</a>
19 在頁面加載完成後執行函數
1: <body onLoad=”functionName();”>
2: Body of the page
3: </body>
20 條件判斷
1: <script>
2: <!--
3: var userChoice = window.confirm(“Choose OK or Cancel”);
4: var result = (userChoice == true) ? “OK” : “Cancel”;
5: document.write(result);
6: // -->
7: </script>
21 指定次數循環
1: <script>
2: <!--
3: var myArray = new Array(3);
4: myArray[0] = “Item 0”;
5: myArray[1] = “Item 1”;
6: myArray[2] = “Item 2”;
7: for (i = 0; i < myArray.length; i++) {
8: document.write(myArray[i] + “<br>”);
9: }
10: // -->
11: </script>
22 設定将來執行
1: <script>
2: <!--
3: function hello() {
4: window.alert(“Hello”);
5: }
6: window.setTimeout(“hello()”,5000);
7: // -->
8: </script>
23 定時執行函數
1: <script>
2: <!--
3: function hello() {
4: window.alert(“Hello”);
5: window.setTimeout(“hello()”,5000);
6: }
7: window.setTimeout(“hello()”,5000);
8: // -->
9: </script>
24 取消定時執行
1: <script>
2: <!--
3: function hello() {
4: window.alert(“Hello”);
5: }
6: var myTimeout = window.setTimeout(“hello()”,5000);
7: window.clearTimeout(myTimeout);
8: // -->
9: </script>
25 在頁面解除安裝時候執行函數
1: <body onUnload=”functionName();”>
2: Body of the page
3: </body>
JavaScript就這麼回事2：浏覽器輸出
26 通路document對象
1: <script language=”JavaScript”>
2: var myURL = document.URL;
3: window.alert(myURL);
4: </script>
27 動态輸出HTML
1: <script language=”JavaScript”>
2: document.write(“<p>Here’s some information about this document:</p>”);
3: document.write(“<ul>”);
4: document.write(“<li>Referring Document: “ + document.referrer + “</li>”);
5: document.write(“<li>Domain: “ + document.domain + “</li>”);
6: document.write(“<li>URL: “ + document.URL + “</li>”);
7: document.write(“</ul>”);
8: </script>
28 輸出換行
1: document.writeln(“<strong>a</strong>”);
2: document.writeln(“b”);
29 輸出日期
1: <script language=”JavaScript”>
2: var thisDate = new Date();
3: document.write(thisDate.toString());
4: </script>
30 指定日期的時區
1: <script language=”JavaScript”>
2: var myOffset = -2;
3: var currentDate = new Date();
4: var userOffset = currentDate.getTimezoneOffset()/60;
5: var timeZoneDifference = userOffset - myOffset;
6: currentDate.setHours(currentDate.getHours() + timeZoneDifference);
7: document.write(“The time and date in Central Europe is: “ + currentDate.toLocaleString());
8: </script>
31 設定日期輸出格式
1: <script language=”JavaScript”>
2: var thisDate = new Date();
3: var thisTimeString = thisDate.getHours() + “:” + thisDate.getMinutes();
4: var thisDateString = thisDate.getFullYear() + “/” + thisDate.getMonth() + “/” + thisDate.getDate();
5: document.write(thisTimeString + “ on “ + thisDateString);
6: </script>
32 讀取URL參數
1: <script language=”JavaScript”>
2: var urlParts = document.URL.split(“?”);
3: var parameterParts = urlParts[1].split(“&”);
4: for (i = 0; i < parameterParts.length; i++) {
5: var pairParts = parameterParts[i].split(“=”);
6: var pairName = pairParts[0];
7: var pairValue = pairParts[1];
8: document.write(pairName + “ ：“ +pairValue );
9: }
10: </script>
你還以為HTML是無狀态的麼？
33 打開一個新的document對象
1: <script language=”JavaScript”>
2: function newDocument() {
3: document.open();
4: document.write(“<p>This is a New Document.</p>”);
5: document.close();
6: }
7: </script>
34 頁面跳轉
1: <script language=”JavaScript”>
2: window.location = “http://www.liu21st.com/”;
3: </script>
35 添加網頁加載進度視窗
1: <html>
2: <head>
3: <script language='javaScript'>
4: var placeHolder = window.open('holder.html','placeholder','width=200,height=200');
5: </script>
6: <title>The Main Page</title>
7: </head>
8: <body onLoad='placeHolder.close()'>
9: <p>This is the main page</p>
10: </body>
11: </html>
JavaScript就這麼回事3：圖像
36 讀取圖像屬性
1: <img src="http://img.sxsky.net/it//”image1.jpg"” name=”myImage”>
2: <a href=”# _fcksavedurl="”#" ” onClick=”window.alert(document.myImage.width)”>Width</a>
3:
37 動态加載圖像
1: <script language=”JavaScript”>
2: myImage = new Image;
3: myImage.src = “Tellers1.jpg”;
4: </script>
38 簡單的圖像替換
1: <script language=”JavaScript”>
2: rollImage = new Image;
3: rollImage.src = “rollImage1.jpg”;
4: defaultImage = new Image;
5: defaultImage.src = “image1.jpg”;
6: </script>
7: <a href="/”myUrl"” onMouseOver=”document.myImage.src = rollImage.src;”
8: onMouseOut=”document.myImage.src = defaultImage.src;”>
9: <img src="http://img.sxsky.net/it//”image1.jpg"” name=”myImage” width=100 height=100 border=0>
39 随機顯示圖像
1: <script language=”JavaScript”>
2: var imageList = new Array;
3: imageList[0] = “image1.jpg”;
4: imageList[1] = “image2.jpg”;
5: imageList[2] = “image3.jpg”;
6: imageList[3] = “image4.jpg”;
7: var imageChoice = Math.floor(Math.random() * imageList.length);
8: document.write(‘<img src=”’ + imageList[imageChoice] + ‘“>’);
9: </script>
40 函數實作的圖像替換
1: <script language=”JavaScript”>
2: var source = 0;
3: var replacement = 1;
4: function createRollOver(originalImage,replacementImage) {
5: var imageArray = new Array;
6: imageArray[source] = new Image;
7: imageArray[source].src = originalImage;
8: imageArray[replacement] = new Image;
9: imageArray[replacement].src = replacementImage;
10: return imageArray;
11: }
12: var rollImage1 = createRollOver(“image1.jpg”,”rollImage1.jpg”);
13: </script>
14: <a href=”#” onMouseOver=”document.myImage1.src = rollImage1[replacement].src;”
15: onMouseOut=”document.myImage1.src = rollImage1[source].src;”>
16: <img src="http://img.sxsky.net/it//”image1.jpg"” width=100 name=”myImage1” border=0>
17: </a>
41 建立幻燈片
1: <script language=”JavaScript”>
2: var imageList = new Array;
3: imageList[0] = new Image;
4: imageList[0].src = “image1.jpg”;
5: imageList[1] = new Image;
6: imageList[1].src = “image2.jpg”;
7: imageList[2] = new Image;
8: imageList[2].src = “image3.jpg”;
9: imageList[3] = new Image;
10: imageList[3].src = “image4.jpg”;
11: function slideShow(imageNumber) {
12: document.slideShow.src = imageList[imageNumber].src;
13: imageNumber += 1;
14: if (imageNumber < imageList.length) {
15: window.setTimeout(“slideShow(“ + imageNumber + “)”,3000);
16: }
17: }
18: </script>
19: </head>
20: <body onLoad=”slideShow(0)”>
21: <img src="http://img.sxsky.net/it//”image1.jpg"” width=100 name=”slideShow”>
42 随機廣告圖檔
1: <script language=”JavaScript”>
2: var imageList = new Array;
3: imageList[0] = “image1.jpg”;
4: imageList[1] = “image2.jpg”;
5: imageList[2] = “image3.jpg”;
6: imageList[3] = “image4.jpg”;
7: var urlList = new Array;
8: urlList[0] = “http://some.host/”;
9: urlList[1] = “http://another.host/”;
10: urlList[2] = “http://somewhere.else/”;
11: urlList[3] = “http://right.here/”;
12: var imageChoice = Math.floor(Math.random() * imageList.length);
13: document.write(‘<a href=”’ + urlList[imageChoice] + ‘“><img src=”’ + imageList[imageChoice] + ‘“></a>’);
14: </script>
JavaScript就這麼回事4：表單
還是先繼續寫完JS就這麼回事系列吧～
43 表單構成
1: <form method=”post” action=”target.html” name=”thisForm”>
2: <input type=”text” name=”myText”>
3: <select name=”mySelect”>
4: <option value=”1”>First Choice</option>
5: <option value=”2”>Second Choice</option>
6: </select>
7: <br>
8: <input type=”submit” value=”Submit Me”>
9: </form>
44 通路表單中的文本框内容
1: <form name=”myForm”>
2: <input type=”text” name=”myText”>
3: </form>
4: <a href='#' onClick='window.alert(document.myForm.myText.value);'>Check Text Field</a>
45 動态複制文本框内容
1: <form name=”myForm”>
2: Enter some Text: <input type=”text” name=”myText”><br>
3: Copy Text: <input type=”text” name=”copyText”>
4: </form>
5: <a href=”#” onClick=”document.myForm.copyText.value =
6: document.myForm.myText.value;”>Copy Text Field</a>
46 偵測文本框的變化
1: <form name=”myForm”>
2: Enter some Text: <input type=”text” name=”myText” onChange=”alert(this.value);”>
3: </form>
47 通路選中的Select
1: <form name=”myForm”>
2: <select name=”mySelect”>
3: <option value=”First Choice”>1</option>
4: <option value=”Second Choice”>2</option>
5: <option value=”Third Choice”>3</option>
6: </select>
7: </form>
8: <a href='#' onClick='alert(document.myForm.mySelect.value);'>Check Selection List</a>
48 動态增加Select項
1: <form name=”myForm”>
2: <select name=”mySelect”>
3: <option value=”First Choice”>1</option>
4: <option value=”Second Choice”>2</option>
5: </select>
6: </form>
7: <script language=”JavaScript”>
8: document.myForm.mySelect.length++;
9: document.myForm.mySelect.options[document.myForm.mySelect.length - 1].text = “3”;
10: document.myForm.mySelect.options[document.myForm.mySelect.length - 1].value = “Third Choice”;
11: </script>
49 驗證表單字段
1: <script language=”JavaScript”>
2: function checkField(field) {
3: if (field.value == “”) {
4: window.alert(“You must enter a value in the field”);
5: field.focus();
6: }
7: }
8: </script>
9: <form name=”myForm” action=”target.html”>
10: Text Field: <input type=”text” name=”myField”onBlur=”checkField(this)”>
11: <br><input type=”submit”>
12: </form>
50 驗證Select項
1: function checkList(selection) {
2: if (selection.length == 0) {
3: window.alert(“You must make a selection from the list.”);
4: return false;
5: }
6: return true;
7: }
51 動态改變表單的action
1: <form name=”myForm” action=”login.html”>
2: Username: <input type=”text” name=”username”><br>
3: Password: <input type=”password” name=”password”><br>
4: <input type=”button” value=”Login” onClick=”this.form.submit();”>
5: <input type=”button” value=”Register” onClick=”this.form.action = ‘register.html’; this.form.submit();”>
6: <input type=”button” value=”Retrieve Password” onClick=”this.form.action = ‘password.html’; this.form.submit();”>
7: </form>
52 使用圖像按鈕
1: <form name=”myForm” action=”login.html”>
2: Username: <input type=”text” name=”username”><br>
3: Password: <input type=”password”name=”password”><br>
4: <input type=”image” src="http://img.sxsky.net/it//”login.gif"” value=”Login”>
5: </form>
6:
53 表單資料的加密
1: <SCRIPT LANGUAGE='JavaScript'>
2: <!--
3: function encrypt(item) {
4: var newItem = '';
5: for (i=0; i < item.length; i++) {
6: newItem += item.charCodeAt(i) + '.';
7: }
8: return newItem;
9: }
10: function encryptForm(myForm) {
11: for (i=0; i < myForm.elements.length; i++) {
12: myForm.elements[i].value = encrypt(myForm.elements[i].value);
13: }
14: }
15:
16: //-->
17: </SCRIPT>
18: <form name='myForm' onSubmit='encryptForm(this); window.alert(this.myField.value);'>
19: Enter Some Text: <input type=text name=myField><input type=submit>
20: </form>
JavaScript就這麼回事5：視窗和架構
54 改變浏覽器狀态欄文字提示
1: <script language=”JavaScript”>
2: window.status = “A new status message”;
3: </script>
55 彈出确認提示框
1: <script language=”JavaScript”>
2: var userChoice = window.confirm(“Click OK or Cancel”);
3: if (userChoice) {
4: document.write(“You chose OK”);
5: } else {
6: document.write(“You chose Cancel”);
7: }
8: </script>
56 提示輸入
1: <script language=”JavaScript”>
2: var userName = window.prompt(“Please Enter Your Name”,”Enter Your Name Here”);
3: document.write(“Your Name is “ + userName);
4: </script>
57 打開一個新視窗
1: //打開一個名稱為myNewWindow的浏覽器新視窗
2: <script language=”JavaScript”>
3: window.open(“http://www.liu21st.com/”,”myNewWindow”);
4: </script>
58 設定新視窗的大小
1: <script language=”JavaScript”>
2: window.open(“http://www.liu21st.com/”,”myNewWindow”,'height=300,width=300');
3: </script>
59 設定新視窗的位置
1: <script language=”JavaScript”>
2: window.open(“http://www.liu21st.com/”,”myNewWindow”,'height=300,width=300,left=200,screenX=200,top=100,screenY=100');
3: </script>
60 是否顯示工具欄和卷軸框
1: <script language=”JavaScript”>
2: window.open(“http:
61 是否可以縮放新視窗的大小
1: <script language=”JavaScript”>
2: window.open('http://www.liu21st.com/' , 'myNewWindow', 'resizable=yes' );</script>
62 加載一個新的文檔到目前視窗
1: <a href='#' onClick='document.location = '125a.html';' >Open New Document</a>
63 設定頁面的滾動位置
1: <script language=”JavaScript”>
2: if (document.all) { //如果是IE浏覽器則使用scrollTop屬性
3: document.body.scrollTop = 200;
4: } else { //如果是NetScape浏覽器則使用pageYOffset屬性
5: window.pageYOffset = 200;
6: }</script>
64 在IE中打開全屏視窗
1: <a href='#' onClick=”window.open('http://www.juxta.com/','newWindow','fullScreen=yes');”>Open a full-screen window</a>
65 新視窗和父視窗的操作
1: <script language=”JavaScript”>
2: //定義新視窗
3: var newWindow = window.open(“128a.html”,”newWindow”);
4: newWindow.close(); //在父視窗中關閉打開的新視窗
5: </script>
6: 在新視窗中關閉父視窗
7: window.opener.close()
66 往新視窗中寫内容
1: <script language=”JavaScript”>
2: var newWindow = window.open(“”,”newWindow”);
3: newWindow.document.open();
4: newWindow.document.write(“This is a new window”);
5: newWIndow.document.close();
6: </script>
67 加載頁面到架構頁面
1: <frameset cols=”50%,*”>
2: <frame name=”frame1” src="http://img.sxsky.net/it//”135a.html"”>
3: <frame name=”frame2” src="http://img.sxsky.net/it//”about:blank"”>
4: </frameset>
5: 在frame1中加載frame2中的頁面
6: parent.frame2.document.location = “135b.html”;
68 在架構頁面之間共享腳本
如果在frame1中html檔案中有個腳本
1: function doAlert() {
2: window.alert(“Frame 1 is loaded”);
3: }
那麼在frame2中可以如此調用該方法
1: <body onLoad=”parent.frame1.doAlert();”>
2: This is frame 2.
3: </body>
69 資料公用
可以在架構頁面定義資料項，使得該資料可以被多個架構中的頁面公用
1: <script language=”JavaScript”>
2: var persistentVariable = “This is a persistent value”;
3: </script>
4: <frameset cols=”50%,*”>
5: <frame name=”frame1” src="http://img.sxsky.net/it//”138a.html"”>
6: <frame name=”frame2” src="http://img.sxsky.net/it//”138b.html"”>
7: </frameset>
這樣在frame1和frame2中都可以使用變量persistentVariable
70 架構代碼庫
根據以上的一些思路，我們可以使用一個隐藏的架構頁面來作為整個架構集的代碼庫
1: <frameset cols=”0,50%,*”>
2: <frame name=”codeFrame” src="http://img.sxsky.net/it//”140code.html"”>
3: <frame name=”frame1” src="http://img.sxsky.net/it//”140a.html"”>
![nodejs微信開發---授權登入+擷取使用者資訊微信網頁授權[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)