JavaWeb - Window&history&Dom

/**
 * 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;
}
//实际开发中使用的正则都是很简单的
正则表达式是一种特殊的字符串模式，用于匹配一组字符串
类似"模具"的作用
语法
	"^"：匹配行或者字符串的起始位置
	"$"：匹配行或字符串的结尾
	 "\b" :不会消耗任何字符只匹配一个位置
	 "\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;