前端html页面如何实现多语言切换功能

前端html页面如何实现多语言切换功能,第1张

需要语音翻译脚本库,

html 不能自动切换,但是浏览器自带语音切换还是无法实现多国语言翻译的。

国内的电脑用户基本上是中文、简体繁体和英文切换,首先要搞清楚HTML逻辑,如果要改变网页文字内容要用如JQ的 $("#id).html("内容")来改变网页内容,否则就是调用浏览器自带的插件进行切换,但是电脑并没有集成全世界的语言怎么切换。

(特别提醒:自动语言翻译不一定准确,哪怕是百度翻译、搜狗翻译、有道翻译等等,翻译出来的效果也不一定符合实际语意和专业用语,多国语言网站通常不会用在大型网站上,而是几个页面的网页展示,因为准确翻译多国语言需要人工翻译),目前有见过阿里巴巴电商网站做了多国语言版,不知道怎样实现的。

语言脚本库可以上网去找,下载到网站指定目录再调用

海鸽信息网

这个问题,懂编码及网络语言的都知道这是编码没有设置好。

html语言设置的英文还能写中文是编码没有设置好。html输入字母输出的时候会变成汉字中文,编码设置错误,正确编码设置方法如下:

1、head之间加上一条:。

2、在HTML中,可以使用type属性设置语言为英文,只需要给html元素设置“lang="en"”代码即可设置英文。

首先来看下它的配置:

// 是否开启多语言

'lang_switch_on' =>true,

//语音列表

'lang_list' =>['zh-cn','en-us'],

// 获取当前选择语言的方法类

GetLang.php

<?php

namespace app\index\controller

use think\Cookie

use think\Lang

use think\Request

class GetLang{

public function get_lang(){

lang = input('lang')

}

if( lang = Cookie::get('think_var')

}else{

lang = Lang::range( lang.EXT, lang)

return $lang

}

}

?>

// 显示效果的控制器类

Index.php

<?php

namespace app\index\controller

use think\Controller

class Index extends Controller

{

public function index(){

now_lang = now_lang=='zh-cn'){

now_lang=='en-us'){

this->assign('set_lang', this->fetch()

}

}

?>

// 视图页

index.html

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>{:lang('TITLE')}</title>

</head>

<body>

<a href="?lang={$set_lang}">{:lang('NOW_LANG')}</a>

</body>

</html>

//语言包文件

zh-cn.php

<?php

return [

'TITLE'=>'语言切换',

'NOW_LANG'=>'切换',

]

?>

en-us.php

<?php

return [

'TITLE'=>'Language switching',

'NOW_LANG'=>'Switch',

]

?>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7435199.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存