这更像是一个“理论”问题,而不是技术问题。
我需要创建 SCORM 电子学习内容,纯 HTML-CSS-Javascript,没有任何服务器端技术,并且该内容必须是多语言的。两个主要要求:多语言,而不是服务器端语言。
我的问题是实现这一目标的最佳方法是什么?这些是显而易见的选择:
- 在每种语言的不同文件夹中以所需语言复制 html 文件。
- 加载所有语言文件(即 xml 或 json 中的 ex),解析 html dom 并使用 javascript 动态分配内容。
在第二种情况下,动态加载文件,这样做的好方法是什么?我不喜欢这样的想法,因为 html 中的所有令人讨厌的脚本标签:
<div>
<p><script> document.write(some_translatable_variable) </script></p>
</div>
而且我也不喜欢下面这样的东西,因为它需要很多 id 并且很难维护:
//in json file lang.es.json
"some_translatable_variable" : "Esto está en español";
//In a loaded langs.js, using jquery:
$("#some_id").html("<p>"+some_translatable_variable+"<p>");
//the html code
<div id="some_id"> <!-- nothing here --> </div>