JavaScript知识

JavaScript知识

网页程序可以分为基于服务器端的程序和基于客户端(浏览器端)的程序,服务器端程序运行在网站服务器中,如ASP.NET、JAVA、PHP等。客户端(浏览器端)程序是将程序代码通过网页加载到客户端的浏览器后,才开始解释执行。JavaScript是一种基于对象且事件驱动的客户端程序,它被嵌套在HTML网页文件中。
JavaScript程序可以检测网页中的各种事件并做出反应,也可以实现动态改变网页的CSS样式和结构并与页面各种元素交互等操作。
JavaScript中常见的事件
                 事件名称                                                                                                                   说明
onfocus                                                                                                 对象获得焦点,光标移入或<Tab>键移入
        onblur                                                                                                    对象失去焦点,光标移出或<Tab>键移出
onchange                                                                                             对象中的内容发生变化
        onclick                                                                                                   鼠标单击对象
        ondblclick                                                                                             鼠标双击对象
        onkeypress                                                                                          当用户按下并放开任何字母或数字键时发生
onkeydown                                                                                           当用户按下任何键盘键时发生
onkeyup                                                                                                 键盘的按键被释放时
onload                                                                                                    浏览器窗口中加载网页内容时
onunload 关闭浏览器中的网页时
onmousedown 在对象出按下鼠标按键时
onmousemove 鼠标在对象表面移动
onmouseover                                   鼠标在对象表面时
onmouseout 鼠标离开对象表面时
onmouseup 鼠标按键被释放时
onmove  窗口被移动
onresize 窗口大小改变时
onsubmit 表单内容提交
onselect 文本框中的文本被选中时
案例代码如下:
<html>
<head><title>加法计算器</title>
<script>
	function Add()
	{
		var num1=parseFloat(document.getElementById("number1").value);
		var num2=parseFloat(document.getElementById("number2").value);
		var num3=num1+num2;
		document.getElementById("number3").value=num3;
	}
</script>
</head>
<body>
<form method="post" action="">
	加法计算器
<br/>数值1:<input type="text" id="number1"/>
<br/>+
<br/>数值2:<input type="text" id="number2"/>
<br/><input type="button" value=" = " onclick="Add()"/>
<input type="text" id="number3"/>
</form>	
</body>
</html>


你可能感兴趣的:(JavaScript知识)