JavaScript操作XMLサンプルコード（ニュースタイトルの取得とページ付け、ページ付け）_javascriptスキル

特定のコンテンツをテストしていません。参照のみ
コード

コードをコピー コードは次のとおりです。

< ?xml バージョン ="1.0" エンコーディング = gb2312"?>
<ニュース>
<新しい id="1" name="テスト ニュース 1" time="2010-2-18"> ;
ニュース テスト 1


ニュース テスト 2 ニュース テスト 2

/NBody>

ニュース テスト 4 ニュース テスト 4


/NBody>
"6" name="テスト ニュース 6" time="2010-2-18">
ニュース テスト 6
;新しい id ="7" name="テスト ニュース 7" time="2010-2-18">
ニュース テスト 7

ニュース テスト 8 ;/New> ;

ニュース テスト 9




JS コード部分。コードの js 部分は比較的単純です。 最も重要なものは XML 操作関数です。

コードをコピーします

コードは次のとおりです:

//JavaScript
function bindingNew(index)
{
var List = new Array();
リスト = showPage(index);
var listul = "

"
for( var i=0 ; i {
//document.getElementById("listTb").innerHTML = List[i] "
" ;
listul = "
• " リスト[i] "
";
}
listul = "

";
document.getElementById("listTb").innerHTML = listul;
document.getElementById("refer").innerHTML = "";
var tc = rtnPageCount();
for( var i=1 ; i<=tc ; i )
{
//

document.getElementById("refer").innerHTML = "

" i "

";
}
}
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.resolveExternals = false;
xmlDoc.load("News.xml");
// 固定 ID の新闻を返します
function findNew(newid)
{
var Domelement = xmlDoc.documentElement;
アラート(ドームメント);
}
// 分页後の新しい接続を返します
var pageSize = 40;
function showPage(pageIndex)
{
var Alltt = new Array();
Alltt = AlltitleLink();
var rtLinks = new Array();
/*未完了部分*/
try
{
for( var i=0 ; i< pageSize && (pageSize*(pageIndex-1) i){
rtLinks[i] = Alltt[pageSize*(pageIndex-1) i];
}
}
catch(e)
{alert("showPage() 方法出错 ！");
rtLink を返します。
}
// 分数を返します
function rtnPageCount()
{
var countx = getCount();
if(countx%pageSize == 0)
{
return countx/pageSize ;
}
else
{
return countx/pageSize 1 ;
}
}
// 新闻条数を返す
function getCount()
{
var NewRoot = xmlDoc.documentElement;
var AllNews = NewRoot.childNodes;
AllNews.length を返す;
}
//固定条数の新しい闻标题接続を返します
function returnNews(count)
{
var title = new Array();
var j = 0;
NewRoot = xmlDoc.documentElement;
allNews = NewRoot.childNodes;
for( var i=0 ; i{
if(i >= allNews.lenth)
{
titles[j] = "< a herf="../News.html?id=" (i 1) "">" allNews[i].getArrtibute("name") "";
j ;
}
}
タイトルを返します。
}
//発行全部新闻标题的超接続
function AlltitleLink()
{
var allttLink = new Array();
var NewRoot = xmlDoc.documentElement ;
var allNews = NewRoot.childNodes;
for( var i=0 ; i{
var context = allNews[i];
allttLink[i] = " context.getAttribute("time") " : " context.getAttribute("name") "";
}
return allttLink;
}

部分Html 代码

复制代 代码如下:

全部アニメーション>>

希望对大家の学习工作又所帮助、欢迎提问反馈

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。