javaScript 第一章

(1).浏览器向服务器请求某个包含javascript脚本的页面。
(2).下载后的客户端执行。
(3).浏览器从上至下逐步解析HTML标签和javascript脚本,并显示页面效果。
2.
(1)javascript包含核心语法(ECMAScript),BOM和DOM。
(2)ECMAScript是标准的脚本语法规范。
(3)BOD可以实现与HTML的交互。
(4)DOM是文档对象模型定义的一套标准方法,用来访问和操作HTML文档。
3.

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>打印倒正金字塔</title>
</head>
<body>
<body style="text-align:center;">
<script  type="text/javascript">
    document.write("<h3>打印倒正金字塔直线</h3>");
    var i= 61;
    while(i>0)
    {
        document.write("<hr width=" + i+"%/>");
        i=i-10;
    }
    for(var j=11;j<70;j=j+10){
        document.write("<hr width=" + j+"%/>");
    }

</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>验证邮箱的合法性</title>
</head>
<body>
<script type="text/javascript">
    function validateEmail(email){
        var indexs=email.indexOf("@");
        if(email.length>0){
            if(indexs==-1|| email.indexOf(".")==-1)
                alert("邮箱地址必须包含@和.");
            else{
                var name=email.substring(0,indexs);
                alert("邮箱地址正确,邮箱名称是:"+name);
            }
        }else{
            alert("邮箱不能为空!");
        }
    }
    validateEmail(prompt("请输入正确的邮箱地址","[email protected]"));
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>使用switch语句</title>
</head>
<body onload="showDay(prompt('请输入今天是星期几:','星期一'))">
<script type="text/javascript">
    
    function showDay(weekday){
        switch(weekday){
            case "星期一":
                alert("新的一周开始了");
                break;
            case "星期五":
                alert("明天就是周末了");
                break;
            case "星期二":
            case "星期三":
            case "星期四":
                alert("努力工作");
                break;
            default:
                alert("放松的休息");
                break;
        }
    }
</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/k123liu/article/details/84847553