javascript基础

主要关键字

break：终止switch或循环
continue：跳出循环并在顶端开始
debugger：停知执行JavaScript，并调用调试函数（如果可用）
do…while：执行语句块，并在条件为真时重复代码块
for：标记需要被执行的语句块，只要条件为真
function：声明函数
if…else：标记需要被执行的语句块，根据某个条件
return：退出函数
switch：标记需要被执行的语句块，根据不同的情况
try…catch：对语句块实现错误处理
var：声明变量
let：声明局部变量

基本数据类型：

number数据类型
string字符串类型
boolean布尔类型：true或false
undefined类型，变量声明未初始化，它的值就是undefined
null类型，表示空对象，如果定义的变量将来准备保存对象，可以将变量初始化为null，在页面上获取不到对象，返回的值就是null
1
2
3
4
5

数组方法

aList.length：获取数组长度
aList[0]：用下表操作数组的某个数据
join()：将数组成员通过一个分隔符合并成字符串
push()：在数组最后增加成员
pop()：从数组最后删除成员
unshift()：从数组前面增加成员
shift()：从数组前面删除成员
aList.reverse()：将数组反转
indexOf()：返回数组中元素第一次出现的索引值
splice()：在数组中增加成员或删除成员
aList.splice(2,1,7,8,9);从第2个元素开始，删除一个元素，然后在此位置增加7，8，9三个元素

字符串

字符串合并操作：“+”
数字与字符串相加等同于字符串相加
parselnt()：将数字字符串转化为整数
parseFloat()：将数字字符串转化为小数
split()：把一个字符串分隔成字符串组成的数组
charAt()：获取字符串中的某一个字符
indexOf()：查找字符串是否含有某字符
substring()：截取字符串 substring(start,end) 不包括end
toUpperCase()：字符串转大写
toLowerCase()：字符串转小写
字符串反转：str2=str1.split(’’).reverse().join(’’)
1
2
3
4
5
6
7
8
9
10
11

输出

JavaScript没有任何打印或者输出的函数
JavaScript显示数据：
window.alert()弹出警告框
document.write()方法将内容写道HTML文档中
innerHTML写入到HTML元素
console.log()写入到浏览器的控制台

DOM改变HTML元素

改变元素的inner HTML：element.innerHTML = new html content
改变HTML元素的属性值：element.attribute = new value
或element.setAttribute(attribute, value)
改变HTML的样式：element.style.property = new style

添加和删除元素
创建HTML元素：document.createElement(element)
删除HTML元素：document.removeChild(element)
添加HTML元素：document.appendChild(element)
替换HTML元素：document.replaceChild(element)
写入HTML输出流：document.write(text)

BOM

window
location
history
弹出框
timing
1
2
3
4
5

window对象
所有浏览器都支持window对象，它代表浏览器的窗口
所有全局JavaScript对象，函数和变量自动成为window对象和成员
全局变量是window对象的属性
全局函数使window对象的方法
甚至（HTML DOM的）document对象也是window对象属性
window.document.getElemetById(“header”);
等同于：document.getElementById(“header”);

窗口尺寸
两个属性可用于确定浏览器窗口的尺寸
这两个属性都已像素返回尺寸：
window.innerHeight - 浏览器窗口的内高度（像素）
window.innerWidth - 浏览器窗口的内宽度（像素）

location
window.location.href 获取或者重定url地址
window.location.search 获取地址参数部分
window.location.hash 获取页面锚点或者叫哈希值

Window History
history.back() - 等同于在浏览器点击后退按钮
history.forward() - 等同于在浏览器点击前进按钮

定时器

定时器类型及语法
setTimeout：只执行一次的定时器
clearTimeout：关闭只执行一次的定时器
setInterval：反复执行的定时器
clearInterval：关闭反复执行的定时器