## 1.基础语法
```
<body>
<script>
// int a = 10;
// Number,String,Boolean
var a= 10;
var b= "hello world";
var c= true;
// 函数
function go(){
console.log("hello world")
}
/* 不调用,就不会执行 */
go()
// 数组
var arr=[1,2,3]
/* 1.获取数组的长度 length */
console.log(arr.length)
/* 2.如何读取数组某一位的值*/
console.log(arr[0])
/* 3.输出数组的每一项 */
for(var i=0;i<arr.length;i++){
console.log(arr[i])
}
</script>
</body>
```
## 2.for,if-else
```
<body>
<script>
/*
A.控制语句
1.循环结构
2.条件判断
*/
for(var i\=0;i<10;i++){
console.log(i);
}
var a=10;
var b=20;
if(b>a){
console.log("b大于a")
}else{
console.log('b小于a')
}
</script>
</body>
```
## 3.对象
```
<body>
<script>
/* json */
var deng = {
name:"deng",
age:2,
sex:"女"
}
/* 读取对象的属性值 */
console.log(deng.age)
/* Number,String,Boolean
Array,Object,Function
if-else for
if -else if -else
*/
</script>
</body>
```
## 4.DOM
```
<body>
<!-- DOM document object model-->
<!--DOM树就是由一个个节点组成-->
<!--更新文档的样式,内容,结构-->
<div id="test">
hello world
</div>
<script>
/* 1.如何获取节点 */
var test = document.getElementById("test");
/* 2. innnerHTML */
test.innerHTML = "change"
</script>
</body>
```
## 5.事件
## 6.jQuery
## 7.点击变色
## 8.显示和隐藏
## 9.滚动顶部
- 第一章 git
- 1.1 git基本语法
- 1.2 版本回退
- 1.3 ssh的配置
- 第二章 markdown基本语法
- 第三章 HTML CSS
- 3.1 html基础知识
- 3.2 css基础
- 3.3 img垂直居中
- 3.4 清除鼠标悬停抖动
- 3.5 字体、列表、表格、文本、链接样式
- 3.6 属性继承
- 3.7 float
- 3.8 定位
- 3.9 li加边框文字移动问题
- 3.10 title旁边的小图标
- 第四章 Vue
- 4.1
- 第五章 JavaScript
- 5.1 基本语法
- 5.2 DOM事件
- 5.3 事件
- 5.4 jQuery引用
- 5.5 显示与隐藏
- 5.6 回到顶部
- 第六章 jQuery
- 6.1 基础语法