JavaScript 笔记（一）

Number

• 1.2345e3=1.2345*1000
• NaN//not a num 无法计算结果

• Infinity //无限大

• 数组 var arr=[1,2,'hello'] 下标从0开始

对象

var person={ name:'bob', age:20, };

• 调用时 person.name

字符串

• 用+可以将多个字符串连接起来
• 不能对字符串的某个索引赋值 不会出现错误 但是也没有任何效果
• toUpperCase() 把一个字符串全部变为大写
• toLowerCase()
• indexOf(‘string’) 返回字符串出现的位置
• substring(index1,index2) 取子串

数组

• 可以直接给数组改长度
• 可以对数组的元素改变值
• indexOf（‘string’）
• slice(index1,index2) 截取部分元素返回一个新Array
• arr.push('a','b')
• arr.pop

浏览器对象

• windows.innerWidth 浏览器内部宽度和高度

• windows.innerHeight

• windows.outerWidth 浏览器窗口的整个宽高

• windows.outerHeight

• navigator.appName 浏览器名称
• appVersion浏览器版本

• userAgent 浏览器设定的字符串

• screen.width 屏幕宽度

• screen.height 屏幕高度

• location.reload() 重新加载页面

• location.assign('htttp://www.gsgsdgsd.com')设置一个新的url地址

• document.title ='xxx' 可以改变网页的标题

获取节点

• document.getElementById()
• document.getElementByTagName(')
• document.getElementByClassName();
• var a = document.getElementByTagName('li')
• for(i=0;i<a.length;i++){s+=a[i].innerHTML+','};获取内部html
• var child=a.children 可获取所有直属子节点
• a.firstElementChild 获取第一个 last 获取最后一个子节点

更新节点

• innerHTML 更新拿到的节点

• innerText

• a.style.fontSize='20px' 更改节点的css

• new=document.createElement('p');
• p.id='test'

• p.innerText='Test' 新建节点

• a.appendChild(b) 可以向父节点的最后一个节点加上b节点
• a.insertBefore(newElement,referenceElement)

• a.children[i] 第i个子节点

删除节点

• var self=document.getElementById('xx');
• var parent=self.parentElement;
• var removed=parent.removeChild(slef);//删除了节点 但是存在了removed中

操作表单

• 输入文本 口令：password 单选：radio 复选：checkbox 隐藏：hidden 下拉：select
• 获取值 先获取节点
• a.value;输入时
• a.checked; 选择时