2020-11-17

4.break 和 continue 语句 【return】
break;----中断【switch\循环】

    <script>
        for( var i=1; i<=6; i++){
            
            document.write("<h"+i+">楚王虽雄,难免乌江自刎,汉王虽弱,却有万里江山</h"+i+">");
            if(i==3){
                break;
            }
        }
    </script>

在这里插入图片描述
continue----继续【循环{结束当前循环,进入下一循环}】

    <script>
        for( var i=1; i<=6; i++){
            if(i==3){
                continue;
            }
            document.write("<h"+i+">楚王虽雄,难免乌江自刎,汉王虽弱,却有万里江山"+i+"</h"+i+">");
            
        }
    </script>

在这里插入图片描述

2.Javascript中的对象

1.内置的对象

1.1高级对象 String Number Date Array…
1.2Dom对象

    <script>
        window.onload=function(){
					var textInput=document.getElementById("text1");
					alert(textInput);
				}
    </script>
</head>
<body>
 <input  id="text1"   type="text">

1.3Bom对象 window

2.自定义的对象

JavaScript 对象是拥有属性方法【函数】的数据。

真实生活中,一辆汽车是一个对象。
汽车【对象】—重量,长宽高,品牌,颜色…[属性]
汽车【对象】—前进,后退,刹车…[方法【函数】]

在 JavaScript中,几乎所有的事物都是对象。
你已经学习了 JavaScript 变量的赋值。

以下代码为变量 car 设置值为 “Fiat” :
var car = “Fiat”;

对象也是一个变量,但对象可以包含多个值(多个变量)。
var car = {type:“Fiat”, model:500, color:“white”};

JavaScript 对象是变量和方法的容器.

创建对象
var 对象名称={属性名称:属性值,…,方法名称:function(){},…};

对象的定义形式
1定义一行
例如:
var person = {firstName:“John”, lastName:“Doe”, age:50, eyeColor:“blue”};

2JavaScript 对象可以跨越多行。

例如:
var person = {
firstName : “John”,
lastName : “Doe”,
age : 50,
eyeColor : “blue”
};

属性名称不需要引号,属性值中【字符串,时间日期】需要引号,其他的值不需要引号。

对象中属性和方法的访问

 1.对象中属性访问

格式:
1.对象名称.属性名称;
2. 对象名称[“属性名称”] / 对象名称[‘属性名称’]

2.对象中方法访问

格式: 对象名称.方法名称;
定义在对象之中的局部变量
定义在对象之外的全局变量

    <script>
        var test="test变量";
        window.onload=function(){
            //定义一个对象
            var student={
                stuid:001,
                stuname:"libo",
                stuage:22,
                stuaddress:'西安',
                getName:function(){
                //  当前对象的方法里面,要访问当前对象的属性
                // 1.对象名称. 属性
                // 2. this .属性
                //  表示当前对象
                 //   alert("name=="+stuname);   错误
                 //   alert("name=="+student.stuname);
                 //   this   表示当前对象
                    alert("name=="+this.stuname);
                } 
            };
               
            var person={
                perid:002,
                pername:"lippbo",
                perage:22,
                peraddress:'西安',
                getperName:function(){
                 //   alert("name=="+stuname);   错误
                 //   alert("name=="+student.stuname);
                 //   this   表示当前对象
                  //  alert("name=="+this.pername);
                    alert("test==" + test);
                } 
            };
            /*
            格式:  对象名称.属性名称;
            对象名称[“属性名称”] 	/	  对象名称[‘属性名称’]  
             alert("stuid=="+student.stuage);
             alert("stuname=="+student["stuid"]);
             alert("stuname=="+student['stuaddress']); */
            // student.getName();
            // person.getperName();
            //对象里面使用表示当前对象
            //this.getperName();
            //person.getperName();
            alert(test);

        }
    </script>

变量的分类
全局变量—对象之外的变量

全局变量1

    <title>Document</title>
    <script>
        //函数之外的全局变量----能被当前程序中任何一个函数访问
        //2.可以被当前程序中的任何一个函数方法中的对象中的方法访问
        var testval1="全局变量";
        function test1(){
            //alert("testvall=="+testval1);
            var per={
                getperTest:function(){
                    alert("testvall==" +testval1);
                }
            };
            per.getperTest();
        }
        function test2(){
            alert("testvall==" +testval1);
        }
    </script>
</head>
<body>
    <input type="button" value="测试" onclick="test1();"><br>
    <input type="button" value="全局变量" onclick="test2();">
</body>

全局变量2

    <title>Document</title>
    <script>
        //函数里面,对象之外的全局变量----

        //1.当前程序中当前函可以访问
	    //2.当前程序中当前函的对象的方法中可以访问
        function test1(){
            var testval="wokkao a a a ";
            var per={
                getPerInfo:function(){
                    alert(testval);
                }
            };
            var stu={
                getperInfo:function(){
                    alert(testval);
                }
            };
            per.getPerInfo();
            stu.getstuInfo();
        }
        function test2(){
            alert(testval);
        }
    </script>
</head>
<body>
    <input type="button" value="测试" onclick="test1();"><br>
    <input type="button" value="测试ddd " onclick="test2();"><br>



</body>

3.对象中方法之外的变量【对象的属性】— 对象名称.属性名称
4.函数的参数
1.当前程序的函数的参数=当前程序中函数里面的局部变量
2.当前对象的方法参数
=对象的函数中的对象的函数中。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值