當前位置:吉日网官网 - 傳統美德 - 如何實現html頁面的雙語切換

如何實現html頁面的雙語切換

目的:前端(只使用百裏香模板+jquery)國際化。

By:前端不采用vue.js angular等流行框架,純html無法引用js中定義的常量?

使用jquery賦值(維護兩個模板(中文和英文)界面)直接出門。

方案:采用/coderifus/jquery-localize/?壹個本地化插件?

壹個jQuery插件,使妳的網站國際化變得容易

步驟:?

1 html

& lt!DOCTYPE & gt

& lthtml?lang="en " >

& lthead & gt

& ltmeta?e?在?chgLang "?+?名字?+?值);

location . reload();

}

功能?SetCookie(名稱,值)?{

var?幾天?=?30;?//這個?曲奇?會得救嗎?30?天空

var?exp?=?新的?date();?//新建?日期(“12月?31,?9998");

exp.setTime(exp.getTime()?+?幾天?*?24?*?60?*?60?*?1000);

document.cookie?=?名字?+?"="?+?逃(值)?+?";expires=?+?exp . togmtstring();

}

功能?getCookie(name){?//取cookies函數

var?arr?=?document.cookie.match(新?RegExp("(^|?)"?+?名字?+?"=([^;]*)(;|$)"));

如果?(arr?!=?null)?回歸?unescape(arr[2]);

回歸?空

}

$(function()?{

var?uulanguage?=?(navigator.language?||?navigator.browserLanguage)。toLowerCase();

console.log("來?在?準備好了嗎?+?uulanguage);

如果?(uulanguage.indexOf("en ")?& gt?-1)?{

$("[數據本地化]")。本地化(" text ",{//* *主代碼* *?jquery.localize.js?底層實現交換邏輯

路徑前綴:?“郎”,

語言:?“恩”

});

console.log("來?在?en”);

}?不然呢?如果?(uulanguage.indexOf("ja ")?& gt?-1)?{

$("[數據本地化]")。本地化(" text ",{

路徑前綴:?“郎”,

語言:?“ja”

});

console.log("來?在?ja”);

}?不然呢?{

$("[數據本地化]")。本地化(" text ",{

路徑前綴:?“郎”,

語言:?“恩”

});

console.log("來?在?莫倫?en”);

};

//根據cookie選擇語言

如果?(getCookie(name)?!=?"")?{

如果?(getCookie(name)?==?“ja”)?{

$("[數據本地化]")。本地化(" text ",{

路徑前綴:?“郎”,

語言:?“ja”

});

console.log("來?在?曲奇?ja”);

}

如果?(getCookie(name)?==?“en”)?{

$("[數據本地化]")。本地化(" text ",{

路徑前綴:?“郎”,

語言:?“恩”

});

console.log("來?在?曲奇?en”);

}

}

});

  • 上一篇:好書推薦——兒童版山海經
  • 下一篇:如何看待李佳琪為貴州苗族銀飾帶貨壹事?
  • copyright 2024吉日网官网