Heim >Web-Frontend >HTML-Tutorial >请问在html中,如何调用xml文件里的内容?_html/css_WEB-ITnose
RT。需要写一个简单的网页,但是需要多语言版本。因此想建立多个XML文件作为不同语言的文本库以便于后期维护方便。但刚刚接触HTML,不知道该如何实现在HTML中调用XML文件里的内容?
例如:
网页中要显示“菜单”、“工具”等内容。因此建立一个名为CN.xml的文件,里面写上“菜单”、“工具”。再建立一个名为EN.xml的文件,里面写上“Menu”、“Tools”。在中文版HTML中,需要显示“菜单”的地方从CN.xml中调用“菜单”文本并显示出来。英文版HTML中,需显示“菜单”的地方从EN.html中调用“Menu”文本并显示。
http://expert.csdn.net/Expert/topic/2040/2040475.xml?temp=.6216089
http://www.cnblogs.com/winsor-w/archive/2007/03/05/664552.html 上面的错了 ..
http://www.cnblogs.com/huacw/archive/2011/03/24/1994074.html
http://techpool.iteye.com/blog/649024
2L亲测有效 (IE环境)
2L和3L给的东西我都看过,但是跟我要的不太一样,我不需要用span这个功能。网上的例子基本都是用xml存储某种类的多个对象信息,但是我的xml里不是这样的数据,就是一个简单的文本库,例如下面这样:
menu
tool
我想在html里面调用“menu”这个文本,应该怎么调用呢?
<script src="/Scripts/jquery-1.8.0.min.js" type="text/javascript"></script><script>var xml='<?xml version="1.0" encoding="GB2312" ?><Resource><data name="1">menu</data><data name="2">tool</data></Resource>';$(xml).find("data").each(function(i) {console.log(this)alert($(this).text()) });</script>
<script src=scripts/jquery-1.8.3.min.js></script><script src=scripts/jquery.xpath.min.js></script><script>$(function() { $('#x2').html($('xml').xpath('//.[@name=2]').text()); $('#x1').html($('xml').xpath('//.[@name=1]').text());});</script><xml><?xml version="1.0" encoding="GB2312" ?><Resource> <data name="1">menu</data> <data name="2">tool</data></Resource></xml><div id=x2></div><div id=x1></div>
<script src=scripts/jquery-1.8.3.min.js></script><script src=scripts/jquery.xpath.min.js></script><script>$(function() { $('#x2').html($('xml').xpath('//.[@name=2]').text()); $('#x1').html($('xml').xpath('//.[@name=1]').text());});</script><xml><?xml version="1.0" encoding="GB2312" ?><Resource> <data name="1">menu</data> <data name="2">tool</data></Resource></xml><div id=x2></div><div id=x1></div>
<script src="/Scripts/jquery-1.8.0.min.js" type="text/javascript"></script><script>var xml='<?xml version="1.0" encoding="GB2312" ?><Resource><data name="1">menu</data><data name="2">tool</data></Resource>';$(xml).find("data").each(function(i) {console.log(this)alert($(this).text()) });</script>
把 xml 放在 html 只是为了测试方便,实际使用时你可用 $.ajax 载入
$('a[href=munu]').html($('xml').xpath('//.[@name=1]').text());
<script src="/Scripts/jquery-1.8.0.min.js" type="text/javascript"></script><script>var xml='<?xml version="1.0" encoding="GB2312" ?><Resource><data name="1">menu</data><data name="2">tool</data></Resource>';$(xml).find("data").each(function(i) {console.log(this)alert($(this).text()) });</script>
<script src="/Common/Scripts/jquery-1.8.0.min.js" type="text/javascript"></script><script>var xml='<?xml version="1.0" encoding="GB2312" ?><Resource><data name="1">menu</data><data name="2">tool</data></Resource>';alert($(xml).find("data[name=1]").text());</script>
<script src="/Scripts/jquery-1.8.0.min.js" type="text/javascript"></script><script>var xml='<?xml version="1.0" encoding="GB2312" ?><Resource><data name="1">menu</data><data name="2">tool</data></Resource>';$(xml).find("data").each(function(i) {console.log(this)alert($(this).text()) });</script>
<script src="/Common/Scripts/jquery-1.8.0.min.js" type="text/javascript"></script><script>var xml='<?xml version="1.0" encoding="GB2312" ?><Resource><data name="1">menu</data><data name="2">tool</data></Resource>';$('a[href=munu]').html($(xml).find("data[name=1]").text());</script>
大牛好多
感谢slwsss和xuzuning两位大神,不过我到最后也没有搞懂这个东西怎么用...后来发现还是用php来解决比较简单,适合我这样的纯新手