HTML页面多语言登录页的实现（Vue项目背景）

最新推荐文章于 2024-05-28 09:23:47 发布

StellaXiao98

最新推荐文章于 2024-05-28 09:23:47 发布

阅读量905

点赞数

分类专栏：前端文章标签： html vue

本文链接：https://blog.csdn.net/StellaXiao98/article/details/124195595

版权

背景：

一直以来都是做的Vue项目，这次使用Vue框架，结合appWeb的框架（登录、上传等不变）来将之前的项目改为前后端分离式开发。

碰到的需求点是，在html写的登录页面中，做简单的多语言。

项目结构如下：需求：在login.html中可以根据浏览器或cookie缓存的语言状态来改变页面文字。

代码：

<head>
    <meta charset="utf-8">
    <script language="javascript" type="text/javascript">
        function loadLang() {
            var isCh
            let arr = document.cookie.split('LANG=')
            if (!arr || arr.length != 2) {
                isCh = window.navigator.language=='zh-CN'
            }else{
                isCh = arr[1] == 'zh'
            }

            document.getElementById('system').innerHTML = is

最低0.47元/天解锁文章

StellaXiao98

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML页面多语言登录页的实现（Vue项目背景）

背景：一直以来都是做的Vue项目，这次使用Vue框架，结合appWeb的框架（登录、上传等不变）来将之前的项目改为前后端分离式开发。碰到的需求点是，在html写的登录页面中，做简单的多语言。项目结构如下：需求：在login.html中可以根据浏览器或cookie缓存的语言状态来改变页面文字。代码：<head> <meta charset="utf-8"> <script language="javascript" type="t
复制链接

扫一扫

专栏目录