如何使用 JavaScript 查找客户端计算机中的操作系统?
javascriptobject oriented programmingprogramming
可以使用 JavaScript 中的某些函数检测客户端计算机中使用的操作系统类型。下面讨论了不同的函数。
使用 navigator.appVersion
此属性将以字符串形式返回有关正在使用的浏览器和操作系统的信息。
语法
navigator.appVersion 的语法如下。
navigator.appVersion
示例 1
此示例演示了如何使用 navigator.appVersion 检测客户端操作系统 −
<!DOCTYPE html> <html> <head> </head> <body> <h2>Click to get the operating system</h2> <button ondblclick="operSys()"> Operating System </button> <p id="OS"></p> <script> function operSys() { var OperSysName="Unknown OS"; if (navigator.appVersion.indexOf("Win")!=-1) OperSysName="Windows"; if (navigator.appVersion.indexOf("Mac")!=-1) OperSysName="MacOS"; if (navigator.appVersion.indexOf("X11")!=-1) OperSysName="UNIX"; if (navigator.appVersion.indexOf("Linux")!=-1) OperSysName="Linux"; document.getElementById("OS").innerHTML = "The current operating system used in this machine is " + OperSysName; } </script> </body> </html>
您可以看到，执行上述代码后，浏览器上会显示一个按钮。
单击按钮后，将打印底层操作系统。
示例 2
以下是此方法的另一个示例 -
<!DOCTYPE html> <html> <head> </head> <body style="text-align:center;"> <h1>Click the button to get type Operating system</h1> <button ondblclick="version()"> OS Version </button> <p id="OS"></p> <script> function version() { var os = navigator.appVersion; // Display the OS details document.getElementById("OS").innerHTML = os; } </script> </body> </html>
执行上述程序时，将显示一个名为OS Version的按钮。
单击此按钮时，将显示操作系统版本。
使用 navigator.userAgent
这是一个属性，用于返回客户端计算机的操作系统，并以字符串形式返回。
语法
以下是上述方法的语法。
navigator.userAgent
当使用此方法检测操作系统时，字符串的结构如下 -
userAgent = appCodeName/appVersion 编号 (平台；安全性；操作系统或 CPU；本地化；rv:修订版本号) 产品/productSub 应用程序名称Application-Name-version
示例 1
此示例演示如何使用 navigator.userAgent 获取客户端计算机的操作系统。
<!DOCTYPE html> <html> <head> </head> <body> <p>For checking the browser's User-agent header name, double click the "Check Operating System" button:</p> <button ondblclick="checkOS()"> Check Operating System </button> <p id="header"></p> <script> function checkOS() { var u = "User-agent header sent by the browser : " + navigator.userAgent; document.getElementById("header").innerHTML = u; } </script> </body> </html>
单击按钮后，将显示浏览器、操作系统的版本以及其他信息。
示例 2
以下是 navigator.userAgent 的另一个示例。
<!DOCTYPE html> <html> <body> <h1>To get Operating System</h1> <h2>Method-userAgent Property</h2> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "The Operating system of the client machine is:<br>" + navigator.userAgent; </script> </body> </html>
