## 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 基礎語法