0
点赞
收藏
分享

微信扫一扫

JavaWeb:JavaScript基础

白衣蓝剑冰魄 2022-05-05 阅读 94

当当当当~~~~欢迎大家阅读,今天学习基础 JavaScript

一:概念

二:功能

可以来增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户的体验。

三:JavaScript发展史

四: ECMAScript:客户端脚本语言的标准

(一):基本语法

1:与html结合方式

 <!--
    内部JS
    外部JS
 -->
    <script>
        alert("Hello World");
    </script>

    <script src="js/a.js"></script>

2:注释

3:数据类型

4:变量

 //定义number类型
 var num=1;
 //输出在页面上
 document.write(num+"---"+typeof(num)+"<br>");

5:运算符

 var str1="abc";
        var str2="";
        document.write(!!str1+"<br>");
        document.write(!!str2+"<br>");
        document.write("<hr>");

        if (obj!=null&& obj.length>0){
            //防止空指针异常
            alter(111);
        }
<script>
     var a=3;
     var b=4;
     var c=a>b? 1:0;
     alert(c);
</script>

6:流程控制语句

 //switch语句
<script>
       var a=1;
       switch (a) {
            case 1:
                alter("number");
                break;
            case "abc":
                alter("string");
                break;
            case true:
                alter("true");
                break;
            case null:
                alter("null");
            case undefined:
                alter("underfined");
        }
</script>
//while语句
 <script>
        //1~100求和 5050

        var sum=0;
        var num=1;

        while(num<=100){
            sum +=num;
            num++;
        }
        alert(sum);

  </script>
//for语句
<script>
        //1~100求和 5050
        var sum=0;
        for(var i=1;i<=100;i++){
            sum +=i;
        }
        alert(sum);
</script>

7:JS特殊语法

<script>

        //1. 语句以;结尾,如果一行只有一条语句则 ;可以省略 (不建议)
        var a=3
        alter(a)

        /*
        2. 变量的定义使用var关键字,也可以不使用
        		* 用: 定义的变量是局部变量
                * 不用:定义的变量是全局变量(不建议)
        */

        var b;
        function fun() {
           b=3;
        }
        fun();
        alter(b);
</script>

(二)基本对象

1: Function:函数(方法)对象

//创建方式1
        var fun1=new Function("a","b","c","alert(a);")
//创建方式2
        function fun2(a,b){
            alert(a+b);
        }

//创建方式3
        var fun3=function(a,b) {
              alert(a-b);
        }

        function fun2(a,b) {
            alert(a);
            alert(b);
        }

/*求任意两个数的和*/
        function add(){
            var sum=0;
            for(var i=0;i<arguments.length;i++){
                sum+=arguments[i];
            }
            return sum;
        }
        var sum=add(1,2,3);
        alert(sum);

2:Array:数组对象

 var arr=[1,"abc",true];
 document.write(arr+"<br>");

 document.write(arr[0]+"<br>");
// document.write(arr[10]+"<br>");
  arr[10]="呵呵";
  document.write(arr[10]+"<br>");
 //alert(arr.length);//11
  document.write(arr.join("--")+"<br>");

3:Boolean

4:Date:日期对象

<script>
        var date=new Date();
        document.write(date+"<br>");
        document.write(date.toLocaleDateString()+"<br>");
        document.write(date.getTime()+"<br>");
</script>

5:Math:数学对象

<script>
        document.write(Math.PI+"<br>");
        document.write(Math.random()+"<br>");
        document.write(Math.round(3.14)+"<br>");
        document.write(Math.ceil(3.14)+"<br>");
        document.write(Math.floor(3.14)+"<br>");

        var number=Math.floor((Math.random()*100))+1;
        document.write(number);
</script>

6:Number

7:String

8:RegExp

正则表达式对象

<script>
        var reg=new RegExp("^\\w{6,12}$")
        var reg2=/^\w{6,12}$/;

        alert(reg);
        alert(reg2);

        var username="zhangsan"
        //验证
        var flag=reg2.test(username);
        alert(flag);
    </script>

9:Global   

以上就是JavaScript基础内容啦,希望我的文章对你有所帮助,如果有错误的地方还望大家批评指正,谢谢大家阅读!  

举报

相关推荐

0 条评论