js_basic

调试工具

我知道再过段时间，我看到这部分内容肯定该嘲笑我当初的傻逼了，这么简单都记，还是记一下吧，毕竟做的时候花了点时间的的。成长的过程不就是一个傻逼嘲笑傻逼的过程嘛。

调试工具ie11 自带的，firebug
调试js代码，通过设置断点，单步执行js代码
调整css样式表，预览页面
查看网络连接时间，状态

当然应该还有很多，我实习就用到了这些，也就先记录到这，以后用到了再填坑。

通过enter键触发登陆动作

<script type="text/javascript">
function enterLogin()
{
	var x;
	if(window.event) // IE8 以及更早版本
	{
		x=event.keyCode;
	}
	else if(event.which) // IE9/Firefox/Chrome/Opera/Safari
	{
		x=event.which;
	}
	if(x==13){
		登陆操作（可以是表单，或者ajax请求）
	}
	
}
</script>
<body>
    <form>
		<input type="text" onkeydown="enterLogin()"/>
    </form>
</body>

结合着第一部分我的思想总结，来谈谈这部分代码。 hmtl部分，声明一个input text输入框对象，他有事件属性onkeydown，事件触发之后，执行js代码， js代码，然后取得各浏览器的按键值，判定，执行登陆操作。

进入页面时，鼠标默认显示在输入框

<script type="text/javascript">
function load(){
	document.getElementById("username").focus();
}
</script>
<body onload="load()">
    <form>
		<input id="username" type="text"/>
    </form>
</body>

onload事件属性是在页面结束加载之后触发，然后通过document.getElementById()让id为“username”的input对象获得焦点。

前台向后台下发请求的方法

1.form表单提交，submit
servlet 简例简析
2.ajax请求

<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
	var xmlhttp;
	if (window.XMLHttpRequest)
 	{// code for IE7+, Firefox, Chrome, Opera, Safari
  		xmlhttp=new XMLHttpRequest();
  	}
	else
  	{// code for IE6, IE5
  		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  	}
	xmlhttp.onreadystatechange=function()
  	{
  		if (xmlhttp.readyState==4 && xmlhttp.status==200)
    	{
    		document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    	}
  	}
	xmlhttp.open("GET","/ajax/demo_get.asp",true);
	xmlhttp.send();
}
</script>
</head>
<body>
<h2>AJAX</h2>
<button type="button" onclick="loadXMLDoc()">请求数据</button>
<div id="myDiv"></div>
</body>
</html>

js如何实现继承
答：a继承b：将a的property指向b