一、如何在页面中编写js程序
1.在页面head标签的内容部分插入script标签,并在script标签的内容部分书写js程序。
例如:
<head>
<title>xxx</title>
<script type="text/javascript">
//js程序
alert('测试内容');
</script>
</head>
2.在页面body标签的内容部分任意位置插入script标签,并在script标签的内容部分书写js程序。
例如:
<body>
<script type="text/javascript">
//js程序
alert('测试内容');
</script>
</body>
3.制作外部js文件,即以'.js'为后缀的文件,并在页面head标签的内容部分引入js文件。
例如:
<head>
<title>xxx</title>
<script type="text/javascript" src="URL"></script>
</head>
二、js的标识符
JavaScript 中的标识符其实就是指 我们给 变量、函数 或者函数参数取的名标识符有以下格式规则 :
1、首字符必须是 字母 下划线( _ ) 或者美元符号( $ );
2、除首字符外的其他字符可以为字母、下划线、美元符号、数字;
3、不可以使用关键字、保留字作为标识符。
三、变量与常量的定义
变量定义:var x;常量定义:const y;
四、js的数据类型
数据类型包括字符串、数值、布尔、数组、对象、null、undefined。js是动态类型,相同的变量可用作不同的类型。
1.字符串
var b='PHP';
document.write(c);
var c="'JQuery'";
document.write(c);
2.数值
var x;
x=5;
console.log(x);
var a=1,b=2;
console.log(a+b);
3.布尔
两个值,true(真),false(假)。
4.数组
var name=['jack','tom','bill'];
document.write(name)
5.对象(Python中的字典,key:value)
var e={
name:'jack',
age:18,
weight:'70kg'
};
document.write(e.name);
6.null
空值,可以通过将变量的值设置为null来清空变量。
7.undefined
表示变量不含有值。
var a;
document.write(a);
五、js的一些特点
1.JavaScript 分号
分号用于分隔JavaScript语句,通常我们在每条可执行的语句结尾添加分号,使用分号的另一用处是在一行中编写多条语句。
2.JavaScript对大小写敏感。
time和Time是代表不同的变量
3.JavaScript 注释
注释可用于提高代码的可读性。
单行注释://
多行注释以 /* 开始,以 */ 结尾。
案例一:成绩判定
var grade = 15; if(grade > 100 || grade < 0){ alert('成绩输入不合法!'); } else if(grade >= 90){ alert('优秀!'); } else if(grade >= 80){ alert('良好!'); } else if(grade >= 70){ alert('中等'); } else if(grade >= 60){ alert('及格'); } else{ alert('不及格'); }
案例二:判定闰年
1.普通闰年:能被4整除但不能被100整除的年份为普通闰年。
2.世纪闰年:能被400整除的为世纪闰年。
var year = 1996; if((year % 4 == 0 && year % 100 != 0) || (year % 400 == 0)){ alert('是闰年'); } else{ alert('不是闰年'); }