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 或 对|来说,有真为真,全假为假 对||来说,左边为真直接得出结果,不再计算右边.
! 非 不是
