JavaScript基础4

最新推荐文章于 2024-07-26 20:46:33 发布

折翼天使【*-*】

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量109

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_52188375/article/details/109741744

版权

JavaScript_4

1. Javascript中的语句

1.顺序结构

2.选择结构

3.循环结构

4.break 和 continue 语句【return】

break;----中断【switch\循环】

break;----中断【switch\循环】
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>break</title>
		<script>
          for(var i=1;i<=6;i++){
			  document.write("<h"+i+">测试break</h"+i+">");
			  if(i==3){
			  	break;
			  }
		  }
        </script>
	</head>
	<body>
	</body>
</html>

continue----继续【循环{结束当前循环，进入下一循环}】

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>break</title>
		<script>
          for(var i=1;i<=6;i++){
              if(i==3){continue;}
			 document.write("<h"+i+">测试break</h"+i+">");
			
		  }
        </script>
	</head>
	<body>
	</body>
</html>

变量、运算符【表达式】、函数、语句、对象、事件

2.Javascript中的对象

1.内置的对象

1.1 高级对象 String Number Date Array......

1.2 Dom对象

window.οnlοad=function(){

var textInput=document.getElementById("text1");

alert(textInput);

}

1.3 Bom对象 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.对象中属性访问

格式: 对象名称.属性名称;

对象名称[“属性名称”] / 对象名称[‘属性名称’]

2.对象中方法访问

格式: 对象名称.方法名称;

变量的分类

全局变量---对象之外的变量

1.当前对象所处函数之外

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

2.当前对象所处函数里面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>全局变量2</title>
		<script>
			//当前函数里面，对象之外的全局变量
			//1.当前函数中的任何一个对象的方法中访问
			//2.当前程序中的其他函数无法访问
			function  test1(){
				var testval="函数里面，对象之外的全局变量";
				var per={getPerInfo:function(){
					alert(testval);
				}};
				var stu={getstuInfo:function(){
					alert(testval);
				}};
		        //per.getPerInfo();
				stu.getstuInfo();
			}
			function  test2(){
				alert(testval);
			}
		</script>
	</head>
	<body>
		<input  type="button"  value="测试全局变量1" onclick="test1();"/><br>
		<input  type="button"  value="测试全局变量2" onclick="test2();"/>
	</body>
</html>

局部变量---对象里面，对象的函数里面，函数的参数。

1.当前程序中函数里面的局部变量

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function test1(){
				var testval="当前程序中函数里面的局部变量";
				var per={getperinfo:function(){
					alert(testval)
				}}
				var stu={getstuinfo:function(){
					alert(testval)
				}}
				//per.getperinfo();
				stu.getstuinfo()
			}
			function test2(){
				alert("testval=="+testval)
			}
		</script>
	</head>
	<body>
		<input type="button" value="测试局部变量1" onclick="test1()" /><br />
		<input type="button" value="测试局部变量2" onclick="test2()" />
	</body>
</html>

2.对象的函数中--只有当前对象的函数中可以访问

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>局部变量</title>
		<script>
			function  test1(){
				var per={getPerInfo1:function(){
					var  val="对象的函数中";
					alert(val);
				},
				getPerInfo2:function(){
					alert(val);
				}
				};
				var stu={getstuInfo:function(){
					alert(val);
				}};
				//per.getPerInfo1();
				//per.getPerInfo2();
				stu.getstuInfo();
			}
		</script>
	</head>
	<body>
		<input  type="button"  value="测试局部变量1" onclick="test1();"/><br>
	</body>
</html>

3.对象中方法之外的变量【对象的属性】--- 对象名称.属性名称

4.函数的参数

1.当前程序的函数的参数===当前程序中函数里面的局部变量

2.当前对象的方法参数===对象的函数中的对象的函数中。

折翼天使【*-*】

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JavaScript基础4

JavaScript_41. Javascript中的语句1.顺序结构2.选择结构3.循环结构4.break 和 continue 语句【return】break;----中断【switch\循环】break;----中断【switch\循环】<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>break</title&gt...
复制链接

扫一扫