Python学习 Day36 BOM运动效果

最新推荐文章于 2024-03-21 17:05:36 发布

ShengXIABai

最新推荐文章于 2024-03-21 17:05:36 发布

阅读量192

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/ShengXIABai/article/details/115445706

版权

本文介绍了浏览器对象模型（BOM）的基本概念，包括BOM的window对象以及如何省略引用。重点讲解了定时器的使用，如setInterval和clearInterval方法，用于实现元素的运动效果。通过定时器结合改变CSS的left和top属性，演示了如何创建前端领域的元素动画，以浩克行走为例进行了实例展示。

摘要由CSDN通过智能技术生成

BOM

一、BOM概述

1.BOM【browser object model】浏览器对象模型，每一个浏览器厂商都有属于自己的特定BOM对象
2.BOM对象给我们提供一些浏览器信息的属性、方法。
3.其实BOM即为每一个浏览器内置window对象
4.作为BOM对象的属性或方法可以省略window
5.BOM对象是引用类型的数据

// BOM对象即为内置window对象
	console.log(window);
	console.log(typeof window);
	//获取地址栏信息
	console.log(window.location.href);
	//获取电脑屏幕信息
	console.log(screen.width);
	console.log(window.screen.height);
	//获取浏览器信息（用的是哪个浏览器，版本号是多少）
	console.log(navigator.userAgent);
</script>
<script type="text/javascript">
	//以前使用过的一些方法
	window.alert('我是警告框');
	window.prompt('我是提示框');
	console.log(window.document)