请问在html中，如何调用xml文件里的内容？_html/css

请问在html中，如何调用xml文件里的内容？_html/css_WEB-ITnose

WBOY

Freigeben： 2016-06-24 11:55:21

Original

1922 Leute haben es durchsucht

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>

Nach dem Login kopieren

<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>

Nach dem Login kopieren

<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>

Nach dem Login kopieren

请问这些代码整个都是放到html文件中的？比如我的html中有个链接，menu，现在想把这个语句里纯文本的部分换成xml文件里对应name=“1”的文本，应该怎么改这个语句？

<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>

Nach dem Login kopieren

不好意思我html还没太入门，不太懂，这些是要放在html的head里面的么？当我具体想要去调用xml里name=1的条目的文本的时候，应该怎么做？比如我的html中有个链接，menu，现在想把这个语句里纯文本的部分换成xml文件里对应name=“1”的文本，应该怎么改这个语句？

把 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>

Nach dem Login kopieren

<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>

Nach dem Login kopieren

放html里可以不用放head里面
xml一般用ajax获取

<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>

Nach dem Login kopieren

<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>

Nach dem Login kopieren

大牛好多

感谢slwsss和xuzuning两位大神，不过我到最后也没有搞懂这个东西怎么用...后来发现还是用php来解决比较简单，适合我这样的纯新手