发布网友 发布时间:2022-08-15 06:57
共1个回答
热心网友 时间:2023-09-13 19:45
主要是两段代码,把这两段代码加入你保存后的页面文件中就可以了,加入方法如下: 1.在</head> 标记之前插入如下一段代码 <SCRIPT> <!-- function statusreport() { var tempx = event.clientX + document.body.scrollLeft; var tempy = event.clientY + document.body.scrollTop; status='在整个页面中的X, Y坐标 : ('+tempx+', '+tempy+') ; 在当前窗口中的X, Y坐标 : ( '+event.clientX+', '+event.clientY +')'; } //--> </SCRIPT> 如插入后的示例如下: <META content="MSHTML 6.00.2800.1400" name=GENERATOR> <SCRIPT> <!-- function statusreport() { var tempx = event.clientX + document.body.scrollLeft; var tempy = event.clientY + document.body.scrollTop; status='在整个页面中的X, Y坐标 : ('+tempx+', '+tempy+') ; 在当前窗口中的X, Y坐标 : ( '+event.clientX+', '+event.clientY +')'; } //--> </SCRIPT> </HEAD> 2.在<BODY> 标记中加入如下一段代码 onmousemove="statusreport();" 加入后的示例如下: </HEAD> <BODY bgColor=#f01244 leftMargin=0 topMargin=0 onmousemove="statusreport();"> <DIV align=center> 3.保存文件 用IE浏览器打开修改过的页面后,在页面中移动鼠标,鼠标所在位置的X,Y坐标就显示在IE浏览器底部的状态栏中,如: 在整个页面中的X, Y坐标 : (578,957) ; 在当前窗口中的X, Y坐标 : ( 578, 492) 其中前半部分描述的是鼠标在整个页面(页面可能需要上下滚动才能完整显示)中的X,Y坐标; 后半部分描述的是鼠标在当前窗口中的X,Y坐标。