/**
* Window对象
*/
//关闭当前window
<input type="button" value="关闭窗口" onclick="funCloseWindow();" />
<script type="text/javascript">
function funCloseWindow() {
window.close();
}
</script>
//开启新window
winodw.open("http://www.toutiao.com/i6410311971761029633/","我的新窗口","width=200,height=300","false");
//定时器
var weInterval = window.setInterval(function(){
},1000);
clearInterval(weInterval);
//属性
1）parent 父窗口
2）frames 子窗口
3）opener
window之间通信， .parent.frames[0] .opener
/**
* Dom
*/
文档对象模型
控制页面中的内容
将文档中的所有内容封装成对象
1）Document 文档对象
2）Element 元素对象
3）Text 文本对象
4）Attribute 属性对象
5）Commom 注释对象
//获取对象
var oButton = document.getElementById("");
//dom事件
oButton.onclick = function() {
}
<input type="button" value="搞一搞" onclick="alert('妈妈咪嘛')" />
//常见事件
onfocus 获得焦点
onblur 失去焦点
onchange 省市级联动
onkeydown event.keyCode
onkeyup
onkeypress
//实例-添加节点
var oSon = document.createElement("div");
oSon.setAttribute("name","wewezhang");
oSon.innerHTML = "WeWeZhang";
var oFather = document.getElementById("searl");
oFather.appendChild(oSon);
//实例-删除节点
oSon.parentNode.removeChild(oSon);
//实例-替换节点
var oDag = document.createElement("div");
oDag.setAttribute("name","wewezhang");
oSon.parentNode.replceChild(oDog,oSon)
//实例-克隆节点
oSonEx = oSon.cloneNode(true);
/**
* 表单验证
*/
onsubmit事件 return true false;
evevt.preventDefault(); //阻止默认行为
evevt.stopPropagation(); //阻止事件冒泡
//获得input文本内容
document.formName.inputName.value
document.formName.inputName.getAttribute("value");
//正则表达式
var oReg = /^[a-zA-Z][a-zA-Z0-9_]{5,9}$/g;
if(!oReg.text(value)){
return false;
}
//实际开发中使用的正则都是很简单的
正则表达式是一种特殊的字符串模式，用于匹配一组字符串
类似"模具"的作用
语法
"^"：匹配行或者字符串的起始位置
"$"：匹配行或字符串的结尾
"" :不会消耗任何字符只匹配一个位置
"d": 匹配数字
"w"：匹配字母，数字，下划线.
"s"：匹配空格
辅助工具
http://www.regexpal.com/
http://rubular.com/
McTracer软件
/**
* 二级联动例子
*/
//json对象
var oHuoBan = { "name":"WeWeZhang","age":"18"};
for (var key in oHuoBan){
console.log(key+" ~ "+oHuoBan[key]);
}
//部分代码
var oShanDong = {"山东":["济南","青岛","淄博","枣庄","东营","烟台","潍坊","济宁","泰安","威海","日照","莱芜","临沂","德州","聊城","滨州","菏泽市"]}
oSelect.options[oSelect.selectedIndex].innerHTML;
oSelect.length=1;