JavaScript方法和技巧大全_第1頁
JavaScript方法和技巧大全_第2頁
JavaScript方法和技巧大全_第3頁
JavaScript方法和技巧大全_第4頁
JavaScript方法和技巧大全_第5頁
已閱讀5頁，還剩12頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、JavaScript方法和技巧大全來源：適合閱讀范圍：對JavaScript一無所知離精通只差一步之遙的人基礎知識：HTMLJavaScript就這么回事1：基礎知識 1 創(chuàng)建腳本塊1: <script language=”JavaScript”>2: JavaScript code goes here3: </script>  2 隱藏腳本代碼1: <script language=”JavaScript”>2: <!-3: document.write(“Hello”);4: / ->5: </script> 在不支持J

2、avaScript的瀏覽器中將不執(zhí)行相關代碼3 瀏覽器不支持的時候顯示1: <noscript>2: Hello to the non-JavaScript browser.3: </noscript>  4 鏈接外部腳本文件1: <script language=”JavaScript” src="/”filename.js"”></script> 5 注釋腳本1: / This is a comment2: document.write(“Hello”); / This is a comment3: /*4: A

3、ll of this5: is a comment6: */  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:

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:

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(my

6、Variable.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() + “<b

7、r>”);16: document.write(myVariable.toUpperCase() + “<br>”);17: 18: var firstString = “My String”;19: var finalString = firstString.bold().toLowerCase().fontcolor(“red”);20: / ->21: </script>  12 創(chuàng)建數(shù)組1: <script language=”JavaScript”>2: <!-3: var myArray = new Array(5);

8、4: myArray0 = “First Entry”;5: myArray1 = “Second Entry”;6: myArray2 = “Third Entry”;7: myArray3 = “Fourth Entry”;8: myArray4 = “Fifth Entry”;9: var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);10: / ->11: </script>  13 數(shù)組排序1: <sc

9、ript language=”JavaScript”>2: <!-3: var myArray = new Array(5);4: myArray0 = “z”;5: myArray1 = “c”;6: myArray2 = “d”;7: myArray3 = “a”;8: myArray4 = “q”;9: document.write(myArray.sort();10: / ->11: </script>  14 分割字符串1: <script language=”JavaScript”>2: <!-3: var myVariab

10、le = “a,b,c,d”;4: var stringArray = myVariable.split(“,”);5: document.write(stringArray0);6: document.write(stringArray1);7: document.write(stringArray2);8: document.write(stringArray3);9: / ->10: </script>  15 彈出警告信息1: <script language=”JavaScript”>2: <!-3: window.alert(“Hell

11、o”);4: / ->5: </script>  16 彈出確認框1: <script language=”JavaScript”>2: <!-3: var result = window.confirm(“Click OK to continue”);4: / ->5: </script>  17 定義函數(shù)1: <script language=”JavaScript”>2: <!-3: function multiple(number1,number2) 4: var result = number

12、1 * number2;5: return result;6: 7: / ->8: </script>  18 調用JS函數(shù)1: <a href=”#” onClick=”functionName()”>Link text</a>2: <a href="/”javascript:functionName"()”>Link text</a>  19 在頁面加載完成后執(zhí)行函數(shù)1: <body onLoad=”functionName();”>2: Body of the page3

13、: </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 指定次數(shù)循環(huán)1: <script>2: <!-3: var myArray = new Array(3);4: myArray0 =

14、 “Item 0”;5: myArray1 = “Item 1”;6: myArray2 = “Item 2”;7: for (i = 0; i < myArray.length; i+) 8: document.write(myArrayi + “<br>”);9: 10: / ->11: </script>  22 設定將來執(zhí)行1: <script>2: <!-3: function hello() 4: window.alert(“Hello”);5: 6: window.setTimeout(“hello()”,5000)

15、;7: / ->8: </script>  23 定時執(zhí)行函數(shù)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 取消定時執(zhí)行1: <script>2: <!-3: function hello() 4: window.alert(“

16、Hello”);5: 6: var myTimeout = window.setTimeout(“hello()”,5000);7: window.clearTimeout(myTimeout);8: / ->9: </script>  25 在頁面卸載時候執(zhí)行函數(shù)1: <body onUnload=”functionName();”>2: Body of the page3: </body> JavaScript就這么回事2：瀏覽器輸出 26 訪問document對象1: <script language=”JavaScript”&g

17、t;2: var myURL = document.URL;3: window.alert(myURL);4: </script>  27 動態(tài)輸出HTML1: <script language=”JavaScript”>2: document.write(“<p>Heres some information about this document:</p>”);3: document.write(“<ul>”);4: document.write(“<li>Referring Document: “ + doc

18、ument.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.w

19、riteln(“b”);  29 輸出日期1: <script language=”JavaScript”>2: var thisDate = new Date();3: document.write(thisDate.toString();4: </script>  30 指定日期的時區(qū)1: <script language=”JavaScript”>2: var myOffset = -2;3: var currentDate = new Date();4: var userOffset = currentDate.getTimezo

20、neOffset()/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

21、 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參數(shù)你還以為HTML是無狀態(tài)

22、的么？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 頁面跳轉 35 添加網(wǎng)頁加載進度窗口1: <html>2: <head>3: <script language=

23、9;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&g

24、t;10: </body>11: </html>  JavaScript就這么回事3：圖像  36 讀取圖像屬性37 動態(tài)加載圖像1: <script language=”JavaScript”>2: myImage = new Image;3: myImage.src = “Tellers1.jpg”;4: </script> 38 簡單的圖像替換39 隨機顯示圖像1: <script language=”JavaScript”>2: var imageList = new Array;3: imageList0

25、 = “image1.jpg”;4: imageList1 = “image2.jpg”;5: imageList2 = “image3.jpg”;6: imageList3 = “image4.jpg”;7: var imageChoice = Math.floor(Math.random() * imageList.length);8: document.write(<img src=” + imageListimageChoice + “>);9: </script> 40 函數(shù)實現(xiàn)的圖像替換41 創(chuàng)建幻燈片42 隨機廣告圖片1: <script langu

26、age=”JavaScript”>2: var imageList = new Array;3: imageList0 = “image1.jpg”;4: imageList1 = “image2.jpg”;5: imageList2 = “image3.jpg”;6: imageList3 = “image4.jpg”;7: var urlList = new Array;8: urlList0 = “http:/some.host/”;9: urlList1 = “http:/another.host/”;10: urlList2 = “http:/somewhere.else/”;

27、11: urlList3 = “http:/right.here/”;12: var imageChoice = Math.floor(Math.random() * imageList.length);13: document.write(<a href=” + urlListimageChoice + “><img src=” + imageListimageChoice + “></a>);14: </script> JavaScript就這么回事4：表單 還是先繼續(xù)寫完JS就這么回事系列吧43 表單構成1: <form method

28、=”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=”Sub

29、mit Me”>9: </form> 44 訪問表單中的文本框內容45 動態(tài)復制文本框內容46 偵測文本框的變化1: <form name=”myForm”>2: Enter some Text: <input type=”text” name=”myText” onChange=”alert(this.value);”>3: </form> 47 訪問選中的Select48 動態(tài)增加Select項49 驗證表單字段1: <script language=”JavaScript”>2: function checkField(f

30、ield) 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”>1

31、2: </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 動態(tài)改變表單的action52 使用圖像按鈕1: <form name=”myForm” action=”login.html”>2: Username: <input type=”text” nam

32、e=”username”><br>3: Password: <input type=”password”name=”password”><br>4: <input type=”image” src="/”login.gif"” value=”Login”>5: </form>6: 53 表單數(shù)據(jù)的加密 JavaScript就這么回事5：窗口和框架 54 改變?yōu)g覽器狀態(tài)欄文字提示1: <script language=”JavaScript”>2: window.status = “A n

33、ew 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 = mpt(“Please Enter Your Name”,”Enter Your Name Here”);3: document.write(“Your Name is

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論