JavaScript基本语法
JavaScript 基础知识
- 什么是JavaScript?
直译式脚本语言,是一种动态类型,弱类型,基于原型的语言,内置支持类型。
- JavaScript组成
1.ECMAScript 核心语法----->ECMA定义的语法
2.DOM文档对象模型------->语法源于w3c
3.BOM浏览器对象模型------->网景遗留
- JavaScript基本语法
js代码的位置:
理论上讲可以放在文件里面的任何地方,放的越靠上,执行就越早,越靠下就越晚,推荐放在body标签之后。主要原因是js会操作页面的DOM,所以必须保证先加载了DOM,再加载欲操作该DOM的js,否则在没有加载对应的DOM的情况下就执行该js,则会引起错误,即对象不存在。也可以使用文档入口函数来加载js代码。格式如下:
<script>
window.onload = function () {
//js代码
}
</script>
引入外部js文件
<script src="文件路径"></script>
注:script标签之间不能有任何字符
注释
//单行注释
/*多行注释*/
语句指令结束符
分号:语句结束符,并不强制必须要写语句结束符,但是一般都要写上,网站在上传后可以会被压缩,不写语句结束符可以出错。
输出/测试打印
console.log();
- JavaScript简单应用
弹窗:alert();
confirm();
prompt();
找到html元素: document.getElementById('id值');
获取元素之间的内容: document.getElementById('id值').innerHTML;
单机事件和双击事件:onclick
和 ondblclick
JavaScript变量
- 变量相关
变量的声明
var 变量名 = 变量值;
var 变量1 = 值1, 变量2 = 值2...;
变量的命名规则
最好以字母开头,可以以$和_开头,但不推荐,变量名必须有“数字”,“字母”,“_”或者“$”组成,并且不能以数字开头,大小写敏感,不能和关键字或者保留字发生冲突
- 数据类型
原始类型
Number,String,Boolean,Null,Undefined,其中Null和Underfined不包含任何数值
对象类型
Array,Function,Date,RegExp,Error,Object
基本运算符
- 算术运算符
+ - * / %
- 递增与递减
++ --
- 关系运算符
< > <= >=
- 对象运算符
in instanceof new delete . [] ()
- 逻辑运算符
! && ||
- 其他运算符
三元运算符/条件运算符
(x>60) ? '及格' : '不及格';
typeof判断类型
流程控制语句
- 选择语句
有:
if else
switch
- 循环语句
有:
while
do-while
for
for-in
- 跳转语句
有:
return
break
continue
- 异常处理语句
有:
throw
try catch