JavaScript学习笔记(1)--面向半新不新的新手

最新推荐文章于 2025-08-12 14:37:12 发布

灵海翔龙

最新推荐文章于 2025-08-12 14:37:12 发布

阅读量913

点赞数

CC 4.0 BY-SA版权

文章标签： javascript function 文档 button delete import

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/minidragon/article/details/1740388

本文介绍了JavaScript中的事件处理概念，包括常见的保留关键字、鼠标事件、键盘事件以及其他网页事件，并通过实例展示了如何使用JavaScript处理页面加载和按钮点击事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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="请点击…" onclick="message()">

</body>

</html>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。