首页 > 代码库 > 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学习