js中一些自带的属性使用

最新推荐文章于 2023-11-19 14:04:36 发布

皆-空

最新推荐文章于 2023-11-19 14:04:36 发布

阅读量666

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/jie_kong/article/details/48136199

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了网页中的位置导航概念，包括如何使用location对象获取服务器地址和请求路径，并详细讲解了history对象的back()和forward()方法来实现浏览器的前进后退功能。此外，还提供了鼠标移动事件的具体实现案例。

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

location（位置）：

hostname，host一样，显示服务器地址

pathname 为去除服务器地址后的请求地址

history（历史）：

back（），后退到上一个地址访问地址，和浏览器中后退键功能一样。注：执行history.back()方法后，该方法后面的语句都不在执行

forward（），前进到后退的前一个页面，同浏览器中前进键功能类似。注：执行history.forward()方法后，该方法后面的语句都不在执行

event（事件）：

鼠标事件：鼠标移动事件定义在body上面时，发现无效，暂不知原因，在div上定义时可以，鼠标移动事件代码：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	function test(event){
	    if(event.clientX <100){
		//显示当前数遍的x坐标，y坐标对应名字为clientY
		  alert(event.clientX);
	    }
	  
	}
</script>
</head>
<body>
<div style="width:100px;height:100px; border:1px solid red" onclick="test();" onmousemove="test(event);">

</div>
</body>