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”);
}
}
});