<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>index</title>
<script>
</script>
</head>
<body>
<!-- 改进设计、验证表单、检测浏览器、创建cookies -->
<h1>基础</h1>
<h2>语法</h2>
<p>var 来定义变量</p>
<p>数组（Array）字面量 [40, 100, 1, 5, 25, 10]</p>
<p>对象（Object）字面量 {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}</p>
<p>函数（Function）字面量 function myFunction(a, b) { return a * b;}</p>
<h1>DOM</h1>
<h2>方法</h2>
<p>返回元素id getElementById();</p>
<p>返回元素标签 getElementsByTagName()</p>
<p>返回元素类 getElementsByClassName()</p>
<p>添加子节点 appendChild()</p>
<p>删除节点 removeChild()</p>
<p>替换节点 replaceChild()</p>
<p>添加友节点 insertBefore()</p>
<p>创建属性节点 createAttribute()</p>
<p>创建元素节点 createElement()</p>
<p>创建文本节点 createTextNode()</p>
<p>返回属性值 getAttribute()</p>
<p>修改属性值 setAttribute()</p>
<p>父节点 .parentNode()</p>
<h2>修改</h2>
<p>改变元素内容 .innerHTML="内容"</p>
<p>改变元素属性 .属性="属性值"</p>
<p>改变元素样式 .style.属性="属性值"</p>
<h2>事件</h2>
<p>进入页面 onload=""</p>
<p>离开页面 onunload=""</p>
<p>输入字段 onchange=""</p>
<p>鼠标移入 onmouseover=""</p>
<p>鼠标移出 onmouseout=""</p>
<p>鼠标点击 onclick=""</p>
<p>获得焦点 onfocus=""</p>
<p>失去焦点 onblur=""</p>
<p>选中内容 onselect=""</p>
<p>按下键盘按键 onkeydown=""</p>
<h2>监听</h2>
<p>句柄方法 .addEventListener("click", 执行代码);</p>
<h1>对象</h1>
<h2>String 对象</h2>
<p>获取长度 length</p>
<p>查找字符串 indexOf() </p>
<p>查找特定字符 match()</p>
<p>替换内容 replace() </p>
<p>转换大小写 toUpperCase() / toLowerCase()</p>
<p>转换成数组 split()</p>
<p>返回字符 charAt()</p>
<p>提取字符串 substring()</p>
<p>提取字符串 substr()</p>
<h2>Date 对象</h2>
<p>年份 getFullYear(),setFullYear()</p>
<p>星期 getDay(),setDay()</p>
<p>时间 getTime(),setTime()</p>
<h2>数组 对象</h2>
<p>长度 length</p>
<p>连接 concat()</p>
<p>指定分隔符连接 join(分隔符)</p>
<p>颠倒 reverse()</p>
<p>选定元素 slice()</p>
<p>排序 sort(方法函数)</p>
<h2>math 对象</h2>
<p>随机数 random()</p>
<h1>window</h1>
<h2>window</h2>
<p>打开新窗口 open()</p>
<p>关闭窗口 close()</p>
<h2>History</h2>
<p>后退 back()</p>
<p>前进 forward()</p>
<h2>弹窗</h2>
<p>警告框 alert()</p>
<p>确认框 confirm()</p>
<p>提示框 prompt()</p>
<h2>计时器</h2>
<p>不断执行 setInterval()</p>
<p>停止执行 clearInterval()</p>
<p>等待执行 setTimeout()</p>
<p>取消执行 clearTimeout()</p>
</body>
</html>
随时随地看视频
