js检测浏览器对象分辨率、鼠标坐标等

发布时间：2018-08-22 03:45:31 所属栏目：运营来源：站长网

导读：本文介绍的是 Java Script配合CSS检测浏览器对象和鼠标位置，CSS主要用于美化文字，将文字变成漂亮的字体以及设置自定义颜色，Js完成操作系统判断、浏览器版本及名称、显示器分辨率、鼠标的位置：x、y坐标等信息，尽管检测的不是太准确，但是已经把原理

　　本文介绍的是JavaScript配合CSS检测浏览器对象和鼠标位置，CSS主要用于美化文字，将文字变成漂亮的字体以及设置自定义颜色，Js完成操作系统判断、浏览器版本及名称、显示器分辨率、鼠标的位置：x、y坐标等信息，尽管检测的不是太准确，但是已经把原理带给大家，高手们请加以整理，让大家更好的学习。

　　演示如下：

<HTML> <HEAD> <TITLE>浏览器对象</TITLE> <STYLE> .box{color:#ff66cc;border:0;background-color:#EBEEFA;font-family:DigifaceWide;font-size:30} </STYLE> </HEAD> <BODY onMouseDown=mousedown() bgcolor=#EBEEFA> 您的系统信息如下: <script language=javaScript> document.onMouseDown=mousedown function mousedown() { if(window.event.button==1) document.site.mousesite.value="("+window.event.x+","+window.event.y+")" } var brows var site1,site2,lenth,site_temp brows=navigator.appVersion lenth=brows.length i=lenth site1=brows.indexOf("(") site2=brows.lastIndexOf(";") version_inf=brows.substring(0,site1) system_name=brows.substring(site2+1,lenth-1) document.write(" v操作系统：") document.write(""+system_name+" ") document.write(" v浏览器名称： ") document.write(" "+navigator.appName+" ") document.write(" v浏览器版本：") document.write(""+version_inf+" ") document.write(" v显示器分辨率：") document.write(""+window.screen.width+"*"+window.screen.height+" ") </script> <form name=site> v鼠标的位置：x、y坐标为： <input class=box name=mousesite size=10 type=text value="(0,0)"> (单击鼠标左键,将显示鼠标位置) </form> </BODY> </HTML> <center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

三星联合开发，真全面	realme Book增强版配置
小米12系列在西欧上线	iPhone 14 Pro前瞻工

js检测浏览器对象 分辨率、鼠标坐标等

js检测浏览器对象分辨率、鼠标坐标等