首页 >web前端 >html教程 >请问在html中,如何调用xml文件里的内容?_html/css_WEB-ITnose

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

WBOY
WBOY原创
2016-06-24 11:55:211926浏览

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn