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;

单机事件和双击事件:onclickondblclick

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
posted @ 2017-07-06 14:40  pallcard  阅读(120)  评论(0编辑  收藏  举报