公司网站网页制作建议,宁波优化网站排名软件,推广专家,做网站的属于什么专业1.简介 网络开发唯一可选语言#xff0c; 增加网页动态性与交互性#xff0c;服务端开发#xff0c; Nodejs#xff0c;可以进行数据库文件读写
2.引入 html内部使用script标签#xff0c;在script内部直接编写js 在外部js文件中编写#xff0c;在script内部通…1.简介 网络开发唯一可选语言 增加网页动态性与交互性服务端开发 Nodejs可以进行数据库文件读写
2.引入 html内部使用script标签在script内部直接编写js 在外部js文件中编写在script内部通过script的src属性引入外部js
3.变量声明
const 声明常量 必须赋值 不能更改
let 声明局部变量 只能声明一次 语句块外失效 没有赋值之前不能访问 var 声明全局变量 可以声明多次 自带变量提升效果 没有声明就能访问
4.数据类型
5种基本类型可以使用typeof
数字Number 字符串String 布尔值 Bool 空值Null 使用typeof返回类型为object 清除内存
未定义Undefined 声明一个变量但是未赋值
2种复杂类型可以使用instanceof检测类型
数组 相当于Python中的列表Array 逻辑运算符为真
对象 相当于Python中的字典Object逻辑运算符为真
5.运算符
算数运算法 - * / % 赋值运算法 - * / % 自增先返回再自加 a a-- 先自加再返回 a --a
比较运算法 ! 判等 只比较值 先比较值再比较类型
逻辑运算法 左侧为真返回右侧 左侧为假返回左侧 || 左侧为真返回左侧 左侧为假返回右侧 ! 非假为真非真为假结果只有true与false
流程结构 顺序结构从上向下依次执行 分支结构 if(){} if(){}else{} if(){}else if(){}else{} 循环结构 for while 先判断再执行 doWhile 先执行再判断
6.函数 概念 function定义关键字 函数名小驼峰 形参占位符声明函数使用 实参实际值调用函数使用 返回值只有一个 匿名函数 没有函数名不能单独存在 使用 赋予一个变量 函数形参 对象的键 案例 setTimeOut clear TimeOut 清除延迟 开启延迟延迟1秒执行一次 setInterval clear Interval 清除计时 开启计时每隔1秒执行一次 递归函数 自己调用自己 递归效率低
7.数据常用操作
1.字符串 length长度 遍历下标0length-1 cahrAt根据索引找字符 indexOf根据字符返回索引找不到返回-1 concat字符串拼接 endsWith结尾 startWith开头 replace替换 match匹配返回对象 search返回索引 slice切片不包含stop split切割支持空字符切割 toLowerCase转小写 toUpperCas转大写 trim剔除空格
2.数组 length长度 遍历 0length-1 concat数组连接不影响原始数组 conclude包含 indexOf返回索引找不到返回-1 join将元素使用字符拼接 pop删除末尾 push末尾插入 shift删除开头 unshift开头插入 sort排序影响原始数组 reverse逆序影响原始数组 slice切片不影响原始数组 splice start操作位置 deleteCount删除个数 items 插入内容可以不插入 高阶函数形参是匿名函数第一个参数是值第二个参数是索引 forEach遍历没有返回值 every每一个都是true结果才返回true some每一个都是false结果才返回false find返回索引 只返回一个 filter 过滤返回符合条件的 map 映射一对一返回
3. 对象 键值对类似Python字典值可以是任意数据类型 Object keys(obj):获取obj的所有键 JSON.stringify:序列化 JSON.parse:反序列化
4.BOM window全局对象下的属性 history back回退 forward前进 go(n) 正值 前进 负值 后退 0 刷新 location href当前地址 protocol协议 port端口 pathname虚拟路径 search查询参数 hash路由模式,锚点 reload()刷新 navigator浏览器身份userAgent
5. DOM文档对象模型 通过js来操作页面元素 1.页面对象的获取 querySelector 找到匹配的第一个 querySelectorAll 找到所有 返回类似数组 可以使用下标获取单个 document.query* 搜索整个文档 target.query* 在target内部去找 2.绑定事件 鼠标事件 onclick onmouse enter leave down up move 表单元素 onfuces聚焦 onblur失焦 oninput输入内容改变 onkeyup键盘抬起 3.获取、修改 内容 innerText不考虑标签 innerHTML可以识别标签 属性 非类名 href title id ...... 对象.属性名 类名 对象.classList add添加 remove删除 contains是否有 toggle有就删没有就添加 样式 设置 都是设置行内样式 .style.样式属性名 获取 行内样式可以直接通过style.样式属性名获取 内部样式表以及外部样式表 需要通过getComputedStyle(obj).样式属性 相关元素 parentElement父节点 children所有直接子节点可以使用下标 nextElementSibling下一个相邻 previoiusElementSibling上一个相邻 元素的创建于删除 createElement创建元素 appendChild将元素插入文档 remove删除元素
