首页 > 软件开发 > HTML >

JavaScript 获取用户浏览器默认语言设置

来源:互联网 2023-03-16 19:17:03 版权归原作者所有,如有侵权,请联系我们

JavaScript 获取用户浏览器默认语言设置0Ks办公区 - 实用经验教程分享!

JavaScript 获取用户浏览器默认语言设置0Ks办公区 - 实用经验教程分享!

工具/原料

  • JavaScript

方法/步骤

  • 1

    我们使用vscode来开发0Ks办公区 - 实用经验教程分享!

    打开vscode0Ks办公区 - 实用经验教程分享!

    JavaScript 获取用户浏览器默认语言设置0Ks办公区 - 实用经验教程分享!

  • 2

    选择新建文件0Ks办公区 - 实用经验教程分享!

    JavaScript 获取用户浏览器默认语言设置0Ks办公区 - 实用经验教程分享!

  • 2相关内容未经授权抓取自百度经验
  • 3

    创建一个html文件0Ks办公区 - 实用经验教程分享!

    可以参考一下经验0Ks办公区 - 实用经验教程分享!

    12Visual Studio Code如何创建一个html文件0Ks办公区 - 实用经验教程分享!

    JavaScript 获取用户浏览器默认语言设置0Ks办公区 - 实用经验教程分享!

  • 4

    我们创建一个h1 id设置为lan0Ks办公区 - 实用经验教程分享!

    JavaScript 获取用户浏览器默认语言设置0Ks办公区 - 实用经验教程分享!

  • 5

    开始写我们的javascript0Ks办公区 - 实用经验教程分享!

    JavaScript 获取用户浏览器默认语言设置0Ks办公区 - 实用经验教程分享!

  • 6

    核心的代码就是 navigator0Ks办公区 - 实用经验教程分享!

    0Ks办公区 - 实用经验教程分享!

    varlang=navigator.language||navigator.userLanguage;0Ks办公区 - 实用经验教程分享!

    document.getElementById("lan").textContent=lang;0Ks办公区 - 实用经验教程分享!

    0Ks办公区 - 实用经验教程分享!

    JavaScript 获取用户浏览器默认语言设置0Ks办公区 - 实用经验教程分享!

  • 7

    运行后的效果就是下图,我当前浏览器默认的语言就是zh-cn0Ks办公区 - 实用经验教程分享!

    也就是简体中文0Ks办公区 - 实用经验教程分享!

    JavaScript 获取用户浏览器默认语言设置0Ks办公区 - 实用经验教程分享!

  • 8

    我们可以在扩展一下,zh-cn不懂的人是看不懂什么意思的0Ks办公区 - 实用经验教程分享!

    我们处理一下更加直观的0Ks办公区 - 实用经验教程分享!

    只是演示,只做了一个判断0Ks办公区 - 实用经验教程分享!

    JavaScript 获取用户浏览器默认语言设置0Ks办公区 - 实用经验教程分享!

  • 9

    在运行结果就很直观了0Ks办公区 - 实用经验教程分享!

    JavaScript 获取用户浏览器默认语言设置0Ks办公区 - 实用经验教程分享!

  • 10

    完整的代码0Ks办公区 - 实用经验教程分享!

    0Ks办公区 - 实用经验教程分享!

    !DOCTYPEhtml>0Ks办公区 - 实用经验教程分享!

    htmllang="en">0Ks办公区 - 实用经验教程分享!

    0Ks办公区 - 实用经验教程分享!

    0Ks办公区 - 实用经验教程分享!

    head>0Ks办公区 - 实用经验教程分享!

    metacharset="UTF-8">0Ks办公区 - 实用经验教程分享!

    metaname="viewport"content="width=device-width,initial-scale=1.0">0Ks办公区 - 实用经验教程分享!

    title>JavaScript获取用户浏览器默认语言设置/title>0Ks办公区 - 实用经验教程分享!

    /head>0Ks办公区 - 实用经验教程分享!

    0Ks办公区 - 实用经验教程分享!

    0Ks办公区 - 实用经验教程分享!

    body>0Ks办公区 - 实用经验教程分享!

    h1>用户浏览器默认语言是:/h1>0Ks办公区 - 实用经验教程分享!

    h2id="lan">/h2>0Ks办公区 - 实用经验教程分享!

    0Ks办公区 - 实用经验教程分享!

    0Ks办公区 - 实用经验教程分享!

    scripttype="text/javascript">0Ks办公区 - 实用经验教程分享!

    varlang=navigator.language||navigator.userLanguage;0Ks办公区 - 实用经验教程分享!

    lang=lang.substr(0,2);0Ks办公区 - 实用经验教程分享!

    if(lang=="zh"){0Ks办公区 - 实用经验教程分享!

    document.getElementById("lan").textContent="中文";0Ks办公区 - 实用经验教程分享!

    }else{0Ks办公区 - 实用经验教程分享!

    document.getElementById("lan").textContent=lang;0Ks办公区 - 实用经验教程分享!

    }0Ks办公区 - 实用经验教程分享!

    /script>0Ks办公区 - 实用经验教程分享!

    /body>0Ks办公区 - 实用经验教程分享!

    0Ks办公区 - 实用经验教程分享!

    0Ks办公区 - 实用经验教程分享!

    /html>0Ks办公区 - 实用经验教程分享!

    0Ks办公区 - 实用经验教程分享!

  • 注意事项

    • 项目位置 github.com/MulderLiu/jingyan.baidu

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!0Ks办公区 - 实用经验教程分享!


    标签: HTMLJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号