为了实现多语言网站,我有使用 xml 和 jquery 的想法。每种语言都有一个 xml 文件,作为所有网站标签的持有者。我创建了一个名为 'nl.xml' 的测试 xml 文件:
<?xml version="1.0" encoding="UTF-8"?>
<resource>
<language name="nl">
<label id="yes">ja</label>
<label id="no">nee</label>
</language>
</resource>
我使用以下 javascript 创建了一个 html 文件:
<html>
<head>
<title></title>
<script src="jquery-1.4.4.min.js"></script>
<script type="text/javascript" language="javascript">
$(function() {
var language = 'nl';
$.ajax({
url: 'nl.xml',
success: function(xml) {
$(xml).find('label').each(function(){
var id = $(this).attr('id');
var text = $(this).find(label).text();
$("." + id).html(text);
});
}
});
});
</script>
</head>
并希望查看值:
'div class="no">no</div>'
'div class="yes">yes</div>'
对于也分布在两个不同文件中的每个 div 已更改,但需要一些建议才能更好地完成此操作,因为此当前代码不起作用。这个想法是访问者下载包含网站和网页的所有标签的 xml 文件。