js_函數大全

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"”>
4: <frame name=”frame2” src="http://img.sxsky.net/it//”140b.html"”>
5: </frameset>

 

發佈了19 篇原創文章 · 獲贊 3 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章