JavaScript语法总结

---

1.在html中初始化js

<div class="menus">
    <div class="header" onclick="myFunc()">标题</div>
    <div class="item">内容</div>
</div>

<!--在文件中编写然后导入-->
<script src="static/my.js"></script>
<!--在HTML中编写-->
<script type="text/javascript">  
    function myFunc() {
        alert("Hello!");
        confirm("Continue?");
    }

</script>

2.变量

//定义
var name = "xie";

//输出
console.log(name);

3.字符串

//声明
var name = "xie";
var name = String("xie");

//常见功能
var name = "xie";

var v1 = name.length;  
var v2 = name[0];  //or name.charAt(0)
var v3 = name.trim();  //strip
var v4 = name.substring(0, 2);  //切片

4.数组

//定义
var v1 = [1, 2, 3, 4];
var v2 = Array([1, 2, 3, 4]);

//操作
v1[0] = 123;

v1.push("abc");  // append
v1.unshift("123");  // add到最前面
v1.splice(1, 0, "123");  // 把123放到位置1

v1.pop();
v1.shift();  // 头部删除
v1.splice(2, 1);  // 指定位置2删除

// 循环
for(var idx in v1){
	//获取的是index
	console.log(v1[idx]);
} 
for(var i = 0; i < v1.length; i++){
	console.log(v1[i]);
}

5.对象

// 键写不写双引号都可以
info = {
	name: "xie",
	age: 18
}

// 操作
info.name = "yang";
info["age"] = 20;

delete info["age"]

// 循环
for(var key in info){
	value = info[key]
}

6.条件语句

if () {
	
}else if ( ){

}else {

}

7.函数

funciton func() {
	...
}

func()

8.DOM

DOM，就是一个模块，模块可以对HTML页面中的标签进行操作。

//根据ID获取标签
var tag = document.getElementById("xx");

//修改标签中的文本
tag.innerText = "abc";

//创建标签<div>abc</div>
var tag = document.createElement("div");
tag.innerText = "abc";  //把内容写入标签