初学网页javascript经典小教程总结鹤山自由港社区无束缚更自在鹤山人的交友休闲娱乐综合社区.docx-资源下载

初学网页javascript经典小教程总结鹤山自由港社区无束缚更自在鹤山人的交友休闲娱乐综合社区.docx

1、初学网页javascript经典小教程总结鹤山自由港社区无束缚更自在鹤山人的交友休闲娱乐综合社区初学网页Javascript经典小教程总结鹤山自由港社区无束缚，更自在 - 鹤山人的交友、休闲、娱乐综合社区初学网页Javascript经典小教程总结适合阅读范围：对java script一无所知离精通只差一步之遥的人基础知识：HTML java script就这么回事1：基础知识 1 创建脚本块 1: <script language=”java script”> 2: java script code goes here 3: </script

2、> 2 隐藏脚本代码 1: <script language=”java script”> 2: <!- 3: document.write(“Hello”); 4: / -> 5: </script> 在不支持java script的浏览器中将不执行相关代码 3 浏览器不支持的时候显示 1: <noscript> 2: Hello to the non-java script browser. 3: </noscript> 4 链接外部脚本文件 1: <script lan

3、guage=”java script” src=/”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 定义变量

4、1: var myVariable = “some value” 8 字符串相加 1: var myString = “String1” + “String2” 9 字符串搜索 1: <script language=”java script”> 2: <!- 3: var myVariable = “Hello there” 4: var therePlace = myVariable.search(“there”); 5: doc

5、ument.write(therePlace); 6: / -> 7: </script> 10 字符串替换 1: thisVar.replace(“Monday”,”Friday”); 11 格式化字串 1: <script language=”java script”> 2: <!- 3: var myVariable = “Hello there” 4: document.write(myVariable.big() + “<br>&

6、#8221;); 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: docu

7、ment.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.wri

8、te(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 Stri

9、ng” 19: var finalString = firstString.bold().toLowerCase().fontcolor(“red”); 20: / -> 21: </script> 12 创建数组 1: <script language=”java script”> 2: <!- 3: var myArray = new Array(5); 4: myArray0 = “First Entry” 5: myArray1 = “Second Ent

10、ry” 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、 / -> 11: </script> 13 数组排序 1: <script language=”java script”> 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(m

12、yArray.sort(); 10: / -> 11: </script> 14 分割字符串 1: <script language=”java script”> 2: <!- 3: var myVariable = “a,b,c,d” 4: var stringArray = myVariable.split(“,”); 5: document.write(stringArray0); 6: document.write(stringArray1); 7: document.write

13、(stringArray2); 8: document.write(stringArray3); 9: / -> 10: </script> 15 弹出警告信息 1: <script language=”java script”> 2: <!- 3: window.alert(“Hello”); 4: / -> 5: </script> 16 弹出确认框 1: <script language=”java script”> 2: <!- 3: var

14、result = window.confirm(“Click OK to continue”); 4: / -> 5: </script> 17 定义函数 1: <script language=”java script”> 2: <!- 3: function multiple(number1,number2) 4: var result = number1 * number2; 5: return result; 6: 7: / -> 8: </script> 18 调用JS函数 1: &

15、lt;a href=”#” onClick=”functionName()”>Link text</a> 2: <a href=/”java script:functionName()”>Link text</a> 19 在页面加载完成后执行函数 1: <body onLoad=”functionName();”> 2: Body of the page 3: </body> 20 条件判断 1: <script> 2:

16、<!- 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: myArray0 = R

17、20;Item 0” 5: myArray1 = “Item 1” 6: myArray2 = “Item 2” 7: for (i = 0; i < myArray.length; i+) 8: document.write(myArray + “<br>”); 9: 10: / -> 11: </script> 22 设定将来执行 1: <script> 2: <!- 3: function hello() 4: window.alert(“

18、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:

19、/ -> 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=”

20、functionName();”> 2: Body of the page 3: </body> java script就这么回事2：浏览器输出 26 访问document对象 1: <script language=”java script”> 2: var myURL = document.URL; 3: window.alert(myURL); 4: </script> 27 动态输出HTML 1: <script language=”java script”> 2: doc

21、ument.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: &

22、#8220; + 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.

23、writeln(“b”); 29 输出日期 1: <script language=”java script”> 2: var thisDate = new Date(); 3: document.write(thisDate.toString(); 4: </script> 30 指定日期的时区 1: <script language=”java script”> 2: var myOffset = -2; 3: var currentDate = new Date(); 4: var

24、 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 设置

25、日期输出格式 1: <script language=”java script”> 2: var thisDate = new Date(); 3: var thisTimeString = thisDate.getHours() + “:” + thisDate.getMinutes(); 4: var thisDateString = thisDate.getFullYear() + “/” + thisDate.getMonth() + “/” + thisDate.getDate

26、(); 5: document.write(thisTimeString + “ on “ + thisDateString); 6: </script> 32 读取URL参数 1: <script language=”java script”> 2: var urlParts = document.URL.split(“?”); 3: var parameterParts = urlParts1.split(“&”); 4: for (i = 0; i < p

27、arameterParts.length; i+) 5: var pairParts = parameterParts.split(“=”); 6: var pairName = pairParts0; 7: var pairValue = pairParts1; 8: document.write(pairName + “ ：“ +pairValue ); 9: 10: </script> 你还以为HTML是无状态的么？ 33 打开一个新的document对象 1: <script language=”java s

28、cript”> 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=”java script”> 2: window.location = “ 3: </script> 35 添加网页加

29、载进度窗口 1: <html> 2: <head> 3: <script language=java script> 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

30、the main page</p> 10: </body> 11: </html> java script就这么回事3：图像 36 读取图像属性 1: <img src=/”image1.jpg” name=”myImage”> 2: <a href=”# ” onClick=”window.alert(document.myImage.width)”>Width</a> 3: 37 动态加载图像 1: <script l

31、anguage=”java script”> 2: myImage = new Image; 3: myImage.src = “Tellers1.jpg” 4: </script> 38 简单的图像替换 1: <script language=”java script”> 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

邮箱/手机：
温馨提示：	快捷下载时，用户名和密码都是您填写的邮箱或者手机号，方便查询和重复下载（系统自动生成）。如填写123，账号就是123，密码也是123。
特别说明：	请自助下载，系统不会自动发送文件的哦；如果您已付费，想二次下载，请登录后访问：我的下载记录
支付方式：
验证码：	换一换

账号：
密码：
验证码：	换一换
当日自动登录忘记密码？

初学网页javascript经典小教程总结 鹤山自由港社区无束缚更自在鹤山人的交友休闲娱乐综合社区.docx