事件类型（一）

最新推荐文章于 2024-06-06 17:35:45 发布

「已注销」

最新推荐文章于 2024-06-06 17:35:45 发布

阅读量6.1k

点赞数 1

分类专栏：前端文章标签： css js javascript html web

本文链接：https://blog.csdn.net/qq_43133192/article/details/105047538

版权

前端专栏收录该内容

46 篇文章 2 订阅

订阅专栏

事件类型（onload）

选择练习 1

DOM中的哪个事件会在网页中的所有元素（文本、图像、CSS样式等）加载完后才触发执行？（选择一项）

A onload
B onclick
C onmouseover
D onblur

正确答案： A
参考解析：
该题考察的是DOM的onload事件，正确选项为A；onload事件是在网页中的元素（图片、外部关联文件等）都完全加载到浏览器之后才执行。
B：onclick是在点击的时候触发。
C：onmouseover 事件会在鼠标指针移动到指定的元素上时发生。
D：onblur事件是失去焦点时触发。

选择练习 2

观察下面的代码，选项中说法正确的是？（选择两项）

<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>onload</title>
		<script type="text/javascript">
			var btn=document.getElementById("btn");
			btn.onclick=function(){
				alert("hello");
			}
		</script>
	</head>
	<body>
		<input type="button" value="按钮" id="btn" />
	</body>
</html>

A 页面打开时会弹出“hello
B 点击按钮，会弹出“hello”
C 系统报错，设置的onclick事件为空
D 页面要顺利执行脚本弹出“hello”，需加上onload事件

正确答案： C,D
参考解析：
该题考察的是DOM的onload事件，正确选项为CD；
onload事件是在网页中的元素（图片、外部关联文件等）都完全加载到浏览器之后才执行。题干代码中，当浏览器读到脚本时，body中的元素还未解析，所以找不到对应的DOM元素，所以系统会报错，需要给他加上onload事件即可。