原生js语法学习

基础概念
js：1实现es（ECMAScript）语法规则
2实现domhtml操作规则
3实现bom浏览器操作规则

es规则:
js语句在什么地方写？怎么调用？速度怎么样
js操作dom
js操作bom

数据的存储：数据的类型
var x; undefined
var x=1; 数值
var x=true; 布尔值
var x=‘1’; 字符串
var x=null; null对象
var x=[‘1’,‘2’,‘3’]; 数组对象
var x={a:‘1’,b:‘2’,c:‘3’}; 对象
var x=function(){}; 函数
typeof
1 undefined
2 number
3 boolean
4 string
5 object
6 object
7 object
8 function
数据的操作：数字数据的操作；非数字数据的操作
数字操作：7+8
非数字操作：‘7’+‘8’

=== 运算符需要类型和值同时相等

==值相等

this关键字

---

对象
var x={
lastName:‘2’
firstName:‘1’
fullName:function(){
return this.lastName+this.firstName;
}
}
访问对象属性
x.lastName
x[lastName]
访问对象方法
x.fullName
x.fullName()

---

字符
var str=‘111111111’
长度
str.length
返回指定字符的下标
str.indexOf(‘1’)
str.lastIndexOf(‘1’)
str.indexOf(‘1’,50)
str.lastIndexOf(‘1’,50)
查找字符下标
str.search(arg1)
返回指定下标的字符
str.charAt(arg1);
返回指定下标的unicode
str.charCodeAt(arg)
截取
str.substring(arg1,arg2)
str.slice(arg1,arg2)
str.substr(arg1,arg2)
替换
str.replace(arg1,arg2)
转大写
str.toUpperCase()
转小写
str.toLowerCase()
字符连接
str.concat(arg1,arg2)
去除两边空格
str.trim()
分割
str.split(arg)

---

数字

---

数组
var x=[“Saab”, “Volvo”, “BMW”]
访问数组元素
var y=x[0]
数组末尾新增元素
x.push(“TVB”)
数组开头新增元素
x.unshift(“TVB”)
数组长度
x.length
遍历数组
for (i = 0; i < x.length; i++) {
alert(x[i])
}
合并数组
var y =[‘TVB’]
x.concat(y)
数组排序
x.sort()

---

日期
var d=new Date();
var d = new Date(2018, 11, 24, 10, 33, 30, 0);
var d = new Date(0);
转化默认格式字符串
d.toString()
转换为 UTC 字符串
d.toUTCString()

---

dom事件：
onload
onclick
onmouseover
onmouseout

js代码注释

object：
window：。alert
console：。log
document：。writer
document.getElementById(id)：。innerHTML