文章目录
一、运算符
1.1 算数运算符
1.2 比较运算符
1.3 逻辑运算符
1.4 三元运算符
二、流程控制
2.1 if判断
语法：
俩种情况时：
俩种以上情况时：
2.2 while循环
语法：
2.3 for循环
语法：
三、函数
3.1 无参函数
3.2 有参函数
函数的参数可以是任意个，超出函数定义时的参数会自动变为undefined
js提供了一个arguments可以获取传入函数的所有参数
3.3 匿名函数
3.4 箭头函数
四、自定义对象
定义：
五、内置对象
5.1 Date
| 方法 | 作用 |
|---|---|
| getDate() | 获取日 |
| getDay () | 获取星期 |
| getMonth () | 获取月（0-11） |
| getFullYear () | 获取完整年份 |
| getYear () | 获取年 |
| getHours () | 获取小时 |
| getMinutes () | 获取分钟 |
| getSeconds () | 获取秒 |
| getMilliseconds () | 获取毫秒 |
| getTime () | 返回累计毫秒数(从1970/1/1午夜) |
5.2 JSON对象
可以将js对象序列化为json字符串对象
json字符串对象反序列化为js对象
JSON.stringify(js对象) 序列化
JSON.parse(json字符串对象) 反序列化
六、BOM与DOM操作
Browser Object Model是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行交互
6.1 BOM操作
6.1.1 浏览器操作
打开子窗口
子页面的操作其实可以通过一些手段传递给父页面(父子联动)
window.open(‘https://www.baidu.com’,‘’,‘width=400,height=400’)
第一个参数为打开窗口的url 第二个参数为打开窗口的名字 第三个为窗口style样式
关闭页面
window.close()
window.navigator.appVersion 网页开发商信息以及浏览器信息
window.navigator.userAgent 网页详细的开发商以及浏览器信息
window.history.forward() # 前进一页
window.history.back() # 后退一页
window.location.href # 获取页面的url地址
window.location.reload() # 刷新页面
window.location.href = url # 跳转到指定页面
6.1.2 弹窗操作
alert(“警告”) 警告框
confirm(‘是否确认’) 确认框
获取用户是点击取消还是确认 返回false和true
prompt(‘请输入key’) 提示框
获取用户输入的内容 也可以通过第二个参数添加默认内容
6.1.3 计时器操作
setTimeout(play,1000)
clearTimeout(t)
setInterval(play,3000)
clearInterval(s)
6.2 DOM操作
Document Object Model是指文档对象模型，通过它可以操作HTML文档的所有元素，html文档加载是从上往下的，所以DOM操作时需要先加载出body才能正常操作html文档，所以一般将script标签写在body内最下方
- 通过标签名查找标签
- 通过class值查找标签
- 通过id值查找标签
间接查询通过前面的三种查找标签方式获取标签后使用.衔接以下方法
parentElement 父节点标签元素
children 所有子标签
firstElementChild 第一个子标签元素
lastElementChild 最后一个子标签元素
nextElementSibling 下一个兄弟标签元素
previousElementSibling 上一个兄弟标签元素
