一、JavaScript简介
JavaScript简称js 是轻量级的解释性语言(弱类型的语言)(网景公司)
a、js组成:
ECMAScript、DOM(文档对象模型)和 BOM(浏览器对象模型)
b、js特点:
1.是客户端的脚本语言
2.可以跨平台
3.面向对象编程
4.提供事件驱动
5.语法宽松
c、js成熟框架
jQuery、vue、nodejs 等
二、js基础
console.log() 的运行查看:
1、运行 右击然后点击下图方框内open with live server
2、查看 运行之后会跳转到浏览器 右击选择检查 点击控制台 就可以看到console.log()运行结果了。
document.write()运行查看:
运行 右击然后点击下图方框内open with live server 跳转到浏览器即可查看
a、js的基本语法
1、js的引入方式
1.外部链接式: script src="**.js"文件 外部引入
js文件:
2.内部式:script 内部直接写入
2、js注释
单行注释:写单行注释用双斜杠://
多行注释:/*多行注释*/
3、变量的声明
var、 let等
运行
4、数据类型及数值类型转换
数据类型有number、 string、 Boolean、 object等
数值类型转换:
parseInt 转整数
parseFloat 转小数
5、类型判断函数
typeof()和instanceof()
b、运算符表达式
js中运算符表达式与python中很相似
1、算数运算符
+ 加;- 减;* 乘;/ 除;% 取余;** 阶乘;
2、复合赋值运算符
+= 加等于 例如:sum += i;相等于:sum = sum + i;
++ 自加1 例如:i++;相等于:i = i+1;
-= 减等于;-- 自减1;*= 乘等于;/= 除等于;%= 取余等于;
**= 阶乘等于;
3、关系运算符(比较运算符)
== 等于;!= 不等于;> 大于;< 小于;>= 大于等于;<= 小于等于;
4、逻辑运算符
&& 且;|| 或;! 非;
c、流程控制
1、顺序控制:按照自上而下的顺序执行
2、选择结构:单分支语句:if(条件){执行语句}、
双分支语句if(条件){执行语句} else{不满足条件时执行}、
多分支语句if(条件){执行语句} else if(条件){执行语句} else if(条件){执行语句}、
switch...case...break...default
运行结果:
3、循环结构:for :for(变量 ;条件){执行语句}
while:while(条件表达式){循环体 执行语句}
do...while(条件表达式):先执行一次再循环
运行结果:
d、字符串常用函数
运行结果:
e、自定义函数
实例:
运行:
每个实例都可以单独运行看效果
三、对象
1、内置对象
1、知识点预览
数组实例:
数组中运行结果:
2、实例展示
3、运行结果
2、自定义对象
知识点预览
实例
运行:
3、BOM对象(窗口对象模型)
知识点整体预览
实例操作:
运行视频:
BOM对象窗口
4、DOM对象(文档对象模型)
(1)基础知识点:
a、获取标签对象
b、修改文档属性
(2)事件绑定
类型:
运行结果:
四、链接:
详细实例代码:
链接:https://pan.baidu.com/s/1NGYX_mn5EP3xA7cKtfAzyQ?pwd=1209
提取码:1209