JavaScript学习

时间：2016-09-13 13:28:56 阅读：173 评论：0 收藏：0 [点我收藏+]

标签：

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 = 0
do{
    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" onmouseover="writetext(‘The Venus...‘)" />   
<area shape="circle" coords="129,161,10" href="alert.html" onmouseover="writetext(‘The Mercury...‘)" />
<area shape="rect" coords="0,0,110,260" href="alert.html" onmouseover="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" onmouseover="mouseOver()"  onmouseout="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.baidu.com‘>please access BaiDu.</a>")
        }else
        document.write("<a href = ‘http://10.0.111.154:8080‘>please access jira</a>")

    </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学习

标签：

原文地址：http://www.cnblogs.com/hnini/p/5867933.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行