BOM

最新推荐文章于 2025-07-04 11:33:13 发布

weixin_33971205

最新推荐文章于 2025-07-04 11:33:13 发布

阅读量62

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lgyong/p/8998944.html

本文详细介绍了JavaScript在前端开发中的基本应用，包括DOM操作如forms、images、links等元素的使用，页面导航控制如location.href及history.go()方法，浏览器环境检测如navigator平台和userAgent的解析，以及屏幕尺寸获取等实用技巧。

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

document

　　　　forms、images、links

location

　　　　href、reload()

history

　　　　go(-1)　　==　　back()

　　　　go(1)　　==　　forward()

navigator
screen
frames
open

　　alert　　confirm　　prompt

　　setInterval　　clearInterval　　setTimeout　　clearTimeout（用于setTimeout还没执行前调用）

decodeURIComponent

encodeURIComponent

Screen

①. 浏览器宽高（除window的任务栏）

screen.availWidth,screen.availHeight

②.电脑宽高

screen.width,screen.height

#获取操作系统名

function getOS() {
    // 苹果系统
    let isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");
    if (isMac) return "Mac";
    // unix系统
    let isUnix = (navigator.platform == "X11") && !isWin && !isMac;
    if (isUnix) return "Unix";
    // Linux系统
    let isLinux = (String(navigator.platform).indexOf("Linux") > -1);
    if (isLinux) return "Linux";
    // window系统
    let sUserAgent = navigator.userAgent;
    let isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");
    if (isWin) {
        let isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1;
        if (isWin2K) return "Win2000";//win200
        let isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1;
        if (isWinXP) return "WinXP";//winxp
        let isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1;
        if (isWin2003) return "Win2003";//win2003
        let isWinVista= sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1;
        if (isWinVista) return "WinVista";//winVista
        let isWin7 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1;
        if (isWin7) return "Win7";//win7
        let isWin10 = sUserAgent.indexOf("Windows NT 10") > -1 || sUserAgent.indexOf("Windows 10") > -1;
        if (isWin10) return "Win10";//win10
    }
    return "other";
}
console.log('navigator.platform： ' + navigator.platform);
console.log('navigator.userAgent： ' + navigator.userAgent);
console.log("您的操作系统是：" + getOS());

#获取浏览器名

function getBrower () {
  let browser = {};
  let userAgent = navigator.userAgent.toLowerCase();
  let s;
  (s = userAgent.match(/msie ([\d.]+)/)) ? browser.ie = s[1] : (s = userAgent.match(/firefox\/([\d.]+)/)) ? browser.firefox = s[1] : (s = userAgent.match(/chrome\/([\d.]+)/)) ? browser.chrome = s[1] : (s = userAgent.match(/opera.([\d.]+)/)) ? browser.opera = s[1] : (s = userAgent.match(/version\/([\d.]+).*safari/)) ? browser.safari = s[1] : 0;
  let version = "";
  if (browser.ie) {
    version = 'IE ' + browser.ie;
  }
  else {
    if (browser.firefox) {
      version = 'firefox ' + browser.firefox;
    }
    else {
      if (browser.chrome) {
        version = 'chrome ' + browser.chrome;
      }
      else {
        if (browser.opera) {
          version = 'opera ' + browser.opera;
        }
        else {
          if (browser.safari) {
            version = 'safari ' + browser.safari;
          }
          else {
            version = '未知浏览器';
          }
        }
      }
    }
  }
  return version;
}
console.log(getBrower());

#获取ip地址

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script> 
  console.log(returnCitySN["cip"]+','+returnCitySN["cname"]) 
</script>

转载于:https://www.cnblogs.com/lgyong/p/8998944.html