JavaScript

<script>
在script标签内写js代码
</script>

输出方式

第一种输出方式:dom->document.write(); 页面输出文档

第二种输出方式:alert(); 页面弹框

第三种输出方式:console.log 在控制台打印

使用引号注意事项:同类引号之间不可以嵌套

引入方式

第一种方式:行内引入 优点:简单方便 缺点:没有内容行为分离,杂乱无章

第二种方式:在head中通过script标签 来写

第三种方式:外部引入 在head标签中引入<script src="地址"> 引入外部文件时,其script标签内所有代码不生效

基础语法

var

var varname; 声明变量

varname='value';给变量赋值,将右边的值赋值给左边的变量

var age=20' 直接赋值,一步完成

在js中声明变量统一用var,且var是动态类型,不固定类型

未声明的变量无法使用

标识符

自主命名的变量都是标识符

标识符的命名==规则==:1.仅可以使用字母,数字,下划线_,美元符$.

2.不可以使用js中的关键字和保留字

3.不可以以数字开头

标识符命名==规范==:1.帕斯卡[小驼峰]命名法,xxxYyyZzz,如getMathScore,一般用于方法名,变量名

2.大驼峰命名法:所有字母都是首字母大写,如PersonHobby一般用于对象名

3.下划线命名法:所有单词小写,单词之间使用下划线分隔如get_math_score

总体要求:见名知意

JS数据类型

• 值类型:字符串,数字,布尔,空,未定义

  • 字符串:使用引号包裹的
  • 数字:整数,小数
  • 布尔:真(true)假(false)
  • 空:null
  • 未定义:未赋值,undefined
  • null和undefined值相等但是类型不同

• 引用数据类型:对象(Object)

• 动态类型

alert(typeod varname)检查变量类型

自增与自减

age++ 等价于 age=age+1

age++与++age的区别

[1]若age++与++age自增后不用赋值,则没有区别

[2]若出现了赋值,则有区别

• age++先赋==值,后自增
• ++age先自增,后赋值

赋值运算符

将等号=右边的值赋值给左边 判断是否相等使用==

age = age+10 等价于 age+=10

同理可得 age=age-10 等价于 age-=10

age=age2 等价于 age=2

比较运算符

== 等于

=== 绝对等于

!=不等于

!==不绝对等于

返回类型为布尔型(true或false)

逻辑运算符

返回类型为布尔型

&& and并且 对于&& 来说,若左为假,直接得出结果,对于&来说,不论左边是否为假,右边都要计算结果

|| or 或 对|来说,有真为真,全假为假 对||来说,左边为真直接得出结果,不再计算右边.

! 非 不是