JavaScript对象2 history对象方法、前进后退页面、location对象、screen对象、navigator对象、div向右移动、鼠标下div的变化

最新推荐文章于 2022-04-21 14:24:08 发布

birdlun

最新推荐文章于 2022-04-21 14:24:08 发布

阅读量429

点赞数 1

分类专栏： 04 javascript

本文链接：https://blog.csdn.net/Birdmotianlun/article/details/99203140

版权

这篇博客详细介绍了JavaScript中的一些关键对象，包括history对象的back()、forward()和go()方法，用于前进和后退页面；location对象的属性如hostname、href等，用于获取文档信息；screen对象的availHeight和colorDepth等属性，获取屏幕尺寸和颜色深度；navigator对象的属性如appCodeName和userAgent，识别浏览器信息。此外，还讲解了如何使用setInterval()和clearInterval()实现div元素的动态移动，以及利用鼠标事件改变div的尺寸效果。

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

列：练习location、screen、navigator三个对象

列：使div向右移动

列：实现鼠标移入时变长，移出时变短

history对象常用方法

back() 返回到上一个页面第一个页面无效
forward() 前进道下一个页面
go(intValue) 前进或后退n个页面前进为正后退为负

列：实现前进与后退页面

a.html

	<body>
		<a href="b.html">下一页</a>
	</body>

b.html

		<script type="text/javascript">
			function myback() {
				window.back();
			}
			function myforword(){
				window.forward();
			}
		</script>
	</head>
	<body>
		<a href="c.html">下一页</a>
		<input type="button" value="后退" onclick="myback()" />
		<input type="button" value="前进" onclick="myforword()">
	</body>

c.html

		<script type="text/javascript">
			function myback() {
				window.back();
			}
		</script>
	</head>
	<body>
		<input type="button" value="后退" onclick="myback()" />
	</body>