JavaScript是面向对象的
一、JavaScript常用保留关键字
as | else | is | switch |
break | export | item | this |
case | extends | namespace | throw |
catch | false | new | true |
class | finally | null | try |
const | for | package | typeof |
continue | function | private | use |
debugger | if | protected | var |
default | import | public | void |
delete | in | return | while |
do | instanceof | super | with |
二、事件及事件处理程序
网页由浏览器的内置对象组成,例如按钮、文本框、单选钮等。我们将鼠标或键盘在网页对象上的动作叫做“事件”,而由鼠标或键盘引发的一连串程序的动作叫做“事件驱动”,对事件进行处理的程序或函数叫做“事件处理程序”。
王页中的事件一般可以分为鼠标事件、键盘事件及其他事件3类。
网页中的常用鼠标事件
事 件 | 意 义 |
onmousedown | 按下鼠标键 |
onmousemove | 移动鼠标 |
onmouseout | 鼠标离开某一个网页对象 |
onmouseover | 鼠标移动到某一个网页对象上 |
onmouseup | 松开鼠标键 |
onclick | 单击鼠标键 |
ondbclick | 双击鼠标键 |
网页中常用的键盘事件
事 件 | 意 义 |
onkeydown | 按下一个键 |
onkeyup | 松开一个键 |
onkeypress | 按下然后松开一个键 |
网页中的常用其他事件
事 件 | 意 义 |
onfocus | 焦点到一个对象上 |
onblur | 从一个对象失去焦点 |
onload | 载入网页文档 |
onUnload | 卸载网页文档 |
onSelect | 文本框中选择了文字内容 |
onChange | 文字变化或列表选项变化 |
onerror | 出错 |
onsubmit | 提交窗体 |
onreset | 重置窗体 |
onabort | 中断显示图片 |
例2-1 当装载页面时,显示向用户问好的信息,当点击按钮时,显示致谢信息
目的:用JavaScript处理事件
<html>
<head>
<title>JavaScript练习</title>
<script language = "JavaScript">
function hello() {
alert("您好,欢迎进入我们的网页!");
}
function message() {
alert("谢谢您的合作");
}
</script>
</head>
<body onload = "hello()">
<input type="button" value="请点击…" οnclick="message()">
</body>
</html>