JavaScript基础知识

一、JavaScript语法

    1 ECMAScript
        (1)引入 
             外部<script src="abc.js"/>
             内部<script>
                    --------代码
                 </script>
        (2)数据类型
             Number,String,Boolean,Null,Undefined
        (3)变量 
             var 变量名
        (4)运算符
            算术运算符+-*/%
            逻辑运算符><!=
            条件运算符a?b:c
            赋值运算符+= -=
        (5)注释
            单行  //
            多行  /*
                   ---
                   */
        (6)语句结束符  ;
        (7)流程控制
            顺序
            条件 if else
                 switch    
            循环  for(var i=0;i<5;i++)
                  for( in )
                  while
                  do ( )  while    
                  break/continue
         (8)对象   对象名.属性或方法名
                Number
                Array.join pop push sort splice
                Boolean
                Date
                String .length  .substr(n,m)
                Math
                RegExp 正则表达式
        (9)函数
                function 函数名(参数){
                    函数体
                    return 
                }
                
    2 文档对象模型Document Object Model,DOM
        常用对象Document,Body,Form
        常用方法 getElementById  getElementByTagName
        
    3 浏览器对象模型Browser Object Model,BOM
        常见对象Windwo Navigator Screen History Location
        常用属性 Navigator.appName
                 Screen.height  Screen.width
                 Location.hostname  Location.port

二、JavaScript应用

<html>
<head>
<title>javascript</title>
<script type="text/JavaScript">
function test(){
    if(document.myForm.username.value.length>30){
        alert("姓名不能超过30个字符");
        document.myForm.username.focus();
        return false;
    }
    
    if((/^[0-9]+$/).test(document.myForm.phone.value)){
        alert("phone ok");
    }else{
        return false;
    }
    
    if((/^\w+\@[A-Za-z0-9]+$/).search(document.myForm.email.value) !=-1)
        alert("emai ok");
    else
        return false;
}
</script>
</head>
<body>
<form name="myForm" οnsubmit="return test();">
姓名:<input type="text" name="username"/><br>
电话号码:<input type="text" name="phone"/><br>
电子邮箱:<input type="text" name="email"/><br>
<input type="submit"/>
</form>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值