JavaScript入门

1、什么是js,HTML css JavaScript
2、程序控制语言、函数(自定义) 数组、注释、js调试。。。
3、事件:js事件的处理、利用事件对表单等功能进行设计
4、DOM:DOM结构
5、使用js技术,对页面添加并实现业务功能

1、什么是js,HTML css JavaScript
2、程序控制语言、函数(自定义) 数组、注释、js调试。。。
3、事件:js事件的处理、利用事件对表单等功能进行设计
4、DOM:DOM结构
5、使用js技术,对页面添加并实现业务功能

js变量:与其他程序语言相同的,用来临时存储信息的
创建1:var x = 1; var name = “jackson”; var x = 2,name = “rose”;
创建2:var x; x = 1; var:弱数据类型
js中变量,区分类型的,但是没有int之类的关键字。

js调试:alert()弹框调试;console.log()控制台输出调试;
作用:观察变量值的变化规律
alert(name);
console.log(name);

js调试:alert()弹框调试;console.log()控制台输出调试;
作用:观察变量值的变化规律
alert(name);
console.log(name);
在这里插入图片描述
2:var fun1 = function(x){ //函数表达式,必须先定义后使用
return x+1;
};
在这里插入图片描述
在这里插入图片描述
数据类型:number string boolean underfine null
1、number 数字类型,整形,浮点型都包括
2、string 字符串类型,必须放在单引号或者双引号中
3、boolean 布尔类型,只有true,false
4、underfine 未定义,一般指的是已经声明,但是没有赋值的变量。
5、null 空对象类型,var a = null和var a = “”;

特殊类型:
1、object 对象类型,在js常见的有window document array等
2、NaN 是Number的一种特殊类型,isNaN() 如果是数字就返回false,不是数字就返回true

类型转换:
parseInt() 转换为整形
parseFloat() 浮点类型:带小数点的
Number() 包括整形和小数点的
Boolean() 逻辑类型
强制类型转换、隐式类型转换。
在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述
变量作用域
全局变量、局部变量
局部变量:在函数内部创建变量,其他函数不能使用。
全局变量:在函数外部创建的变量,在函数之间的可以共享使用。
运算符
比较运算符:用于比较2个值,结果是true、false
运算符范围:> >= != < <=
实例:x<10为true x = 2

运算符的优先级
1、() 小括号 最高
2、++ – 自加和自减
3、* / % 乘 除 取模
4、+ - 加 减
5、< <= > >= 逻辑运算
6、== != 等于 不等于
7、&& 逻辑与
8、|| 逻辑或
9、?:三目运算符
10、= 赋值 最低

逻辑运算符 逻辑与 或 非 结果true false
&& and || or ! 非
对于&& 2个都是true结果才是true,有一个false就是false
对于||,其中一个是ture,就是true,两个都是false才是false

三目运算符 根据不同的条件,执行不同的操作,/返回不同的值
格式:条件?值1:值2;
x>1?“大于”:“小于”;
在这里插入图片描述
程序控制语句:
1、条件判断类控制语句
在这里插入图片描述
2、多条件分支类控制语句演示:
成绩是100分,显示满分
成绩大于等于90,优秀
大于等于70 良好
大于等于60 及格
否则不及格
在这里插入图片描述

3、循环语句
for循环 while循环 do-while循环
需求:1+2+3+4+…+100?
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
字符函数:
内置函数:
1、字符函数
substring substr charAt split length indexof concat replace
2、日期函数
Date getDate getDay getMonth getFullYear getYear getHours getMinutes getSeconds
3、数学函数
Math.round max min abs
4、转化函数
parseInt parseFloat Number Boolean

substring substr charAt
length indexOf
在这里插入图片描述
在这里插入图片描述
split concat replace
在这里插入图片描述
concat:即可以链接字符串,也可以链接数组
在这里插入图片描述
repalce:替换的功能
在这里插入图片描述
2、日期函数
Date获取当前的日期
getDate获取几号
getDay 获取星期几
getMonth 当前月份
getFullYear 获取当前的年份
getYear 获取当年的年份
getHours 当前小时
getMinutes 当前分钟
getSeconds 当前秒数

实现2个任务:
1、实现日期的格式化:哪年哪月哪日
2、计算两个日期之间的相差的天数
在这里插入图片描述
在这里插入图片描述
3、数学函数
Math.round max min abs
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值