ホームページ > 記事 > ウェブフロントエンド > HTMLでXMLファイルの内容を呼び出すにはどうすればよいですか? _html/css_WEB-ITnose
RT。単純な Web ページを作成する必要がありますが、多言語バージョンが必要です。そこで、後のメンテナンスを容易にするために、複数の XML ファイルを異なる言語のテキスト ライブラリとして作成したいと考えています。しかし、HTML に触れたばかりなので、HTML で XML ファイルのコンテンツを呼び出す方法がわかりません。
例:
Web ページには、「メニュー」、「ツール」、およびその他のコンテンツが表示されます。したがって、CN.xml という名前のファイルを作成し、その中に「メニュー」と「ツール」を記述します。 EN.xml という名前の別のファイルを作成し、その中に「Menu」と「Tools」を記述します。中国語版 HTML では、「メニュー」を表示する必要がある場合、「メニュー」テキストが CN.xml から呼び出されて表示されます。英語版 HTML では、「メニュー」を表示する必要がある場合、EN.html から「メニュー」テキストを呼び出して表示します。
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 が与えたものを見ましたが、私が望むものと同じではありません。スパン機能。インターネット上の例では、基本的に xml を使用して特定の種類の複数のオブジェクト情報を保存していますが、私の xml にはそのようなデータは含まれておらず、次のような単純なテキスト ライブラリが含まれています。 "GB2312" ?>
cc430b4e26a598760de54995f027f793
HTMLで「メニュー」としたいのですが、どうすればよいでしょうか?
<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 に 323866e7e404477cb2316196bc4c2fa6menu5db79b134e9f6b82c0b36e0489ee08ed というリンクがあります。ここで、このステートメントのプレーン テキスト部分を、次の name="1" に対応するテキストに置き換えたいとします。 XML ファイルは「このステートメントを変更するにはどうすればよいですか?」である必要があります。
<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>
申し訳ありませんが、HTML にあまり詳しくないので、これらは必要ですか。 htmlの先頭に置くのか?具体的にxmlのname=1のエントリのテキストを呼び出したい場合はどうすればよいでしょうか?たとえば、HTML に 323866e7e404477cb2316196bc4c2fa6menu5db79b134e9f6b82c0b36e0489ee08ed というリンクがあります。ここで、このステートメントのプレーン テキスト部分を、次の name="1" に対応するテキストに置き換えたいとします。 XML ファイルは「このステートメントを変更するにはどうすればよいですか?」である必要があります。
<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に入れる必要はありません
<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の先頭に配置されます。具体的にxmlのname=1のエントリのテキストを呼び出したい場合はどうすればよいでしょうか?たとえば、HTML に 323866e7e404477cb2316196bc4c2fa6menu5db79b134e9f6b82c0b36e0489ee08ed というリンクがあります。ここで、このステートメントのプレーン テキスト部分を、次の name="1" に対応するテキストに置き換えたいとします。 XML ファイルは「このステートメントを変更するにはどうすればよいですか?」である必要があります。
<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>