首页 > 其他分享 >js实现html页面翻译

js实现html页面翻译

时间:2023-09-01 12:02:47浏览次数:29  
标签:翻译 js ignore html translate class 页面

引入js库

	
<script src="https://res.zvo.cn/translate/translate.js"></script>
	

在页面最底部加入js代码

//translate.ignore.tag.push('span'); //翻译时追加上自己想指定忽略的tag标签,凡是在这里面的,都不进行翻译。
//translate.ignore.class.push('test');	//翻译时指定忽略的class name,凡是class name 在这里面的,都不进行翻译。如果不设置默认只有 ignore 这一个
//translate.setAutoDiscriminateLocalLanguage();	//设置用户第一次用时,自动识别其所在国家的语种进行切换
translate.setUseVersion2(); //设置使用v2.x 版本
translate.execute(); //执行翻译初始化操作,显示出select语言选择
	

标签:翻译,js,ignore,html,translate,class,页面
From: https://www.cnblogs.com/zhangcheng001/p/17671465.html

相关文章

  • HTML: input file
    <input> elementswith type="file" lettheuserchooseoneormorefilesfromtheirdevicestorage.Oncechosen,thefilescanbeuploadedtoaserverusing formsubmission,ormanipulatedusingJavaScriptcodeand theFileAPI. ......
  • H5 及 web 页面微信授权登录流程
    https://blog.csdn.net/joe0235/article/details/115935515一、事先准备工作配置参数测试公众平台信息(测试号相关配置示例):1、打开公众平台的测试账号2、配置js接口安全域名3、扫码关注测试公众号4、修改网页授权地址配置授权回调的域名,至于什么是OAuth2.0,大家自行百度吧。这......
  • HTML5新特性 拖拽使用心得
    本文主要介绍了拖拽和拖放的几个属性先构建一个框架<div id="wrap">        <img id="drag" src="" draggable="true">    <div id="drop" >        <span>目标区域</span>    </div></div>draggable......
  • newtonsoft.json
    https://www.newtonsoft.com/jsonProductproduct=newProduct();product.Name="Apple";product.Expiry=newDateTime(2008,12,28);product.Sizes=newstring[]{"Small"};stringjson=JsonConvert.SerializeObject(product);//{......
  • 使用SheetJs实现在线预览Excel(保留单元格格式信息)
    一、寻找合适的在线预览Excel的js库经过百度各种搜索,加上ChatGpt推荐,决定用SheetJs实现在线预览Excel。下面是SheetJs的官网介绍:SheetJS电子表格简化读取、编辑和导出电子表格适用于网络浏览器和服务器Office365受到Microsoft信任 SheetJS软件为业务提供动力谷歌、......
  • Python中如何快速解析JSON对象数组
    由于浏览器可以迅速地解析JSON对象,它们有助于在客户端和服务器之间传输数据。本文将描述如何使用Python的JSON模块来传输和接收JSON数据。JavaScriptObjectNotationJSON(JavaScriptObjectNotation)是一种用于数据交换的语法,它对人的读写很简单,对计算机的解析和生产也很简单......
  • js富文本处理函数
    constformatRichText=(html)=>{ letnewContent=html.replace(/<img[^>]*>/gi,function(match,capture){ match=match.replace(/style="[^"]+"/gi,'').replace(/style='[^']+'/gi,''); mat......
  • 为何大多数人都从 D3.js 切换到了billboard.js?
    为何大多数人都从D3.js切换到了billboard.js?首发2023-07-1206:35·高级前端进阶大家好,很高兴又见面了,我是"高级前端‬进阶‬",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发,您的支持是我不断创作的动力。 今天给大家带来......
  • C++读取调用接口返回的json数据
    1、引入头文件#include<boost/property_tree/ptree.hpp>#include<boost/property_tree/json_parser.hpp>ViewCode2、读取json数据方法,http请求中的chunked传输数据会返回数据的长度,在最后一个chunked中其头部长度定为0//读取json文件{"name":"zhangsan","age":25}......
  • 2023-08-31 js 判断内容有值才运行 ==》if (!!str) {//内容有值则运行}
    一般新手判断一个值是否不为null且不为undefined且不为空都会这样写str!=''&&str!=undefined&&str!=null或者str!==''&&typeof(str)!==undefined&&str!==null其实有一种简洁高效的写法就是2个!组成,即!!str。如:if(!!str){//内容......