JavaScript自学笔记

js作用、基础语法和格式省略,可以百度

第3课 标识符 算数运算符 赋值运算符

JavaScript自学笔记_第1张图片
3fb7479f7879fdddc10ec717b5eedbaf.png
JavaScript自学笔记_第2张图片
6a07afe4c7c2e262f5e2f3d30bf684ef.png
JavaScript自学笔记_第3张图片
60bc73d37ce3b8776fc16778e88b5d1c.png

JavaScript核心篇

6、判断语句 if if……else…… if……if else……else


8、while循环和do while循环

小案例:把x小于等6的数值打印出来



9、switch语句

switch语句是多重条件判断语句,用于多个值相等的比较
switch(表达式){
case常量表达式1:语句体1;
baeak //跳出循环,防止穿透
case常量表达式1:语句体1;
……
default:语句体;否则的意思,上面都不匹配
}
continue //跳过本次循环,执行循环意外的语句


10、字符串(string)操作函数


11、类型相互转换


    

12、数组Array


    
    

13、数组操作函数(在浏览器console里查看结果)


14、函数(function)

函数是定义一次但可以调用或者执行任意多次的一段js代码,
通过函数我们可以封装任意多条语句,并且可以在任何地方,任何位置调用执行


15、变量的作用域及生存周期


16、事件




姓名:



17.HEML DOM(文档对象模型)
当网页被加载时,浏览器会创建页面的文档对象模型(Document Obiect Model)
改变html元素的内容(操作html元素内容)
改变HTML
改变HTML的输出流
document.write()

查找HTML元素:
通过ID来查找:document.getElementById("id名");
通过class来查找:document.getElementsByClassName("calss名");
通过标签名(tag name)来查找:document.getElementsByTagName("标签名"); -->

18、HTML DOM-改变CSS


    
    HTML DOM-改变CSS
    




19、Date(日期操作方法)

Date(日期操作方法)



JavaScript自学笔记_第5张图片
6682d013c191b0b4640fa1f1dbcf6211.png

以下为:JS案例篇

20、changeDIV





changeDIV




 

21、全选


    


    
选项1
选项2
选项3
选项4
选项5
选项6
选项7
选项8

22-23、微博输入字数检查





微博输入




还可以输入
表情 图片 视频 话题 长微博 公开
JavaScript自学笔记_第6张图片
468b0567b085cea14d78890718e4de17.png

你可能感兴趣的:(JavaScript自学笔记)