首页 > 代码库 > JavaScript学习
JavaScript学习
1. alert.html
<html><head> <title></title> <script type="text/javascript"> function alert_test() { alert("this is a alert") } </script></head><body> <input type="button" onclick="alert_test()" value=‘click it‘/></body></html>
2. break.html
<html><head> <title></title></head><body><script type="text/javascript">for(i=0;i<10;i++){ if(i==3) break document.write("This is number " + i + "</br>")}</script></body></html>
3. confirm.html
<html><head> <title></title> <script type="text/javascript"> function show_confirm() { var r = confirm("Please choose OK or Cancel") if(r == true){ alert("you have click OK") }else alert("you have click Cancel") } </script></head><body> <input type="button" onclick="show_confirm()" value="show a confirm box"/></body></html>
4. continue.html
<html><head> <title></title></head><body><script type="text/javascript">for(i=0;i<10;i++){ if(i==3) continue document.write("This is number " + i + "</br>")}</script></body></html>
5. cookie.html
<html> <head> <title></title> <script type="text/javascript"> function setCookie(c_name,c_value,expiredays) //debug has passed.... var c_date = new Date() c_date.setDate(c_date.getDate() + expiredays) document.cookie = c_name + "=" + escape(c_value) + ((expiredays == null)? "" : ";expiredays=" + c_date.toUTCString()) } function getCookie(c_name) { if(document.cookie.length>0) { c_start = document.cookie.indexOf(c_name + "=") if(c_start != -1) { c_start = c_start + c_name.length + 1 c_end = document.cookie.indexOf(";",c_start) if (c_end = -1) { c_end = document.cookie.length }; return document.cookie.substring(c_start,c_end) } } return "" } function checkCookie() { var namecookie = getCookie("username") if (namecookie !=null && namecookie!="") { document.write("hello,"+ namecookie + ",welcome again...") return }; var inputname = prompt("Please enter your name...","") if (inputname != null && inputname!="") { setCookie("username",inputname,7) }; } </script></head><body onload="checkCookie()"></body></html>
6. declarationvar.html
<html><head> <title>this is title</title></head><body> <script type="text/javascript"> var firstname firstname = "George" document.write(firstname) document.write("<br></br>") var lastname lastname = "John" document.write(lastname) </script></body></html>
7. dowhile.html
<html><head> <title></title></head><body><script type="text/javascript">var i = 0do{ document.write("This is number " + i +"<br/>") i++}while(i<6)</script></body></html>
8. for.html
<html><head> <title></title></head><body><script type="text/javascript"> for(i=0;i<6;i++) { document.write("The number is" + " " + i + "<br/>") }</script></body></html>
9. forArray.html
<html><head> <title></title></head><body><script type="text/javascript"> var nameArray = new Array() nameArray[0]="Jim" nameArray[1]="Tom" nameArray[2]="Lily" var x for(x in nameArray) { document.write(nameArray[x] + "<br/>") }</script></body></html>
10. functionwithPara.html
<html><head><script type="text/javascript">function myfunction(para1){ document.write(para1)}</script></head><body><input type="button" onclick="myfunction(‘Hello‘)" value="click it"></body></html>
11. functionwithPara2.html
<html><head> <title></title> <script type="text/javascript"> function myfunction(para1) { alert(para1) } </script></head><body><input type="button" onclick="myfunction(‘Morning...‘)" value="Good Morning Clock"><input type="button" onclick="myfunction(‘Evening...‘)" value="Good Evening Clock"></body></html>
12. functionwithReturn.html
<html><head> <title></title> <script type="text/javascript"> function myfunction() { return ("Hi,this is function return...") } </script></head><body><script type="text/javascript"> document.write(myfunction())</script></body></html>
13. getcookie_test.html
<html><head> <title></title> <script type="text/javascript"> function getCookie(c_name) //dubug has passed { if(document.cookie.length>0) { c_start = document.cookie.indexOf(c_name + "=") document.write(c_start + "<br/>") document.write(document.cookie+ "<br/>") if(c_start != -1) { c_start = c_start + c_name.length + 1 document.write(c_start+ "<br/>") c_end = document.cookie.indexOf(";",c_start) document.write(c_end+ "<br/>") if (c_end == -1) { c_end = document.cookie.length }; document.write(c_end) return document.cookie.substring(c_start,c_end) } } return "cookie is not fined" } var testget = getCookie("username") alert(testget) </script></head><body></body></html>
14. headlineFor.html
<html><head> <title></title></head><body><script type="text/javascript"> document.write("<h1>This is headline 1</h1>") for(i=1;i<6;i++) { document.write("<h" + i + ">" + "This is headline" + i +"</h" + i + ">") }</script></body></html>
15. helloWorld.html
<html> <script> document.write("Hello World!!!") </script></html>
16. helloWorld2.html
<html><script type="text/javascript">document.write("<h1>Hello World....</h1>")</script></html>
17. if.html
<html><head> <title>this is title</title></head><body> <script type="text/javascript"> var d = new Date() var time = d.getHours() if(time>12) { document.write("<b>Good Afternoon</b>") } else document.write("this is else branch...") </script></body></html>
18. ifElseIf.html
<html><head> <title>this is title</title></head><body> <script type="text/javascript"> var score = 50 if(score>=60 && score<80) { document.write("Good") } else if (score>=80) { document.write("Excellent") } else document.write("Sorry,You have not passed") </script></body></html>
19. imageMap.html
<html><head> <title></title> <script type="text/javascript"> function writetext(txt) { document.getElementById("desc").innerHTML=txt //"" and ‘‘ is different Please Notice } </script></head><body><img src="eg_planets.jpg" usemap="#planetmap"> <map id="planetmap" name="planetmap"><area shape="circle" coords="180,139,14" href="alert.html" onm ouseover="writetext(‘The Venus...‘)" /> <area shape="circle" coords="129,161,10" href="alert.html" onm ouseover="writetext(‘The Mercury...‘)" /><area shape="rect" coords="0,0,110,260" href="alert.html" onm ouseover="writetext(‘The Sun...‘)" /></map><p id="desc"> </p></body></html>
20. mouse.html
<html><head> <title></title> <script type="text/javascript"> function mouseOver() { document.image01.src="eg_mouse.jpg" } function mouseOut() { document.image01.src="eg_mouse2.jpg" } </script></head><body><a href="alert.html" target="_blank"><img name="image01" src="eg_mouse2.jpg" onm ouseover="mouseOver()" onm ouseout="mouseOut()"></a></body></html>
21. randomLink.html
<html><head> <title>this is title</title></head><body> <script type="text/javascript"> var r = Math.random() if (r>0.5) { document.write("<a href = http://www.mamicode.com/‘http://www.baidu.com‘>please access BaiDu.") }else document.write("<a href = http://www.mamicode.com/‘http://10.0.111.154:8080‘>please access jira") </script></body></html>
22. scriptInBody.html
<html><head> <title>this is title</title></head><body onload="message()"> <script type="text/javascript"> function message() { alert("script is in body...") } </script></body></html>
23. scriptInHead.html
<html><head> <title>title is null</title> <script type="text/javascript"> function message() { alert("script is in head...") } </script></head><body onload="message()"></body></html>
24. scriptIsOut.html
25. setcookie_test.html
26. throw.html
27. timer.html
28. timer2.html
28. timer3.html
29. timer4.html
30. try.html
31. try2.html
32. while.html
33. writeText.html
JavaScript学习
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。