Heim  >  Artikel  >  Web-Frontend  >  请问在html中,如何调用xml文件里的内容?_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:55:211901Durchsuche

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>



请问这些代码整个都是放到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>



不好意思我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>



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

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

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



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


<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来解决比较简单,适合我这样的纯新手

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn