ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で XML を読み書きして広告ローテーションを実装 (IE、FF と互換性あり)_JavaScript スキル

JavaScript で XML を読み書きして広告ローテーションを実装 (IE、FF と互換性あり)_JavaScript スキル

WBOY
リリース: 2016-05-16 17:26:03
オリジナル
899 人が閲覧しました

XML 構造は次のとおりです

コードをコピーします コードは次のとおりです:


http://www.seehaha.com/images/060901-150.100.2.gif
http://www.seehaha.com /xml/061009-300.100 .jpg
http://www.seehaha.com/plan/
http://www.seehaha .com/va.​​htm

==

// JScript ファイル
var Now = new Date();
var Min = Now.getSeconds();
if((Min % 2) == 1)
//秒を読み取り、奇数と偶数に従ってランダムに回転します。もちろん、ここでアルゴリズムを変更して XML ノードの数を増やすこともできます
{
i = 1;
}
else
{ i = 0; }
var url = "xml/ads.xml";
String.prototype.Trim = function() {
return this.replace(/(^s *)|(s*$ )/g, "");
}
var xmlDoc;
//Firefox か IE かを判断します
var moz = (typeof document.implementation != '未定義') && (ドキュメントの種類 .implementation.createDocument != '未定義');
var ie = (window.ActiveXObject の種類 != '未定義');
function importXML(file) {
if (moz)
{
xmlDoc = document.implementation.createDocument("", "doc", null);
//FIREFOX の下に XML ドキュメント オブジェクトを作成
}
else if (ie )
{ xmlDoc = new ActiveXObject("MSXML2.DOMDocument.3.0");
xmlDoc.async = false;
while( xmlDoc.readyState != 4) {};
// XML を作成IE のドキュメント オブジェクト
}
xmlDoc.load(file);
}importXML(url);//xml
関数をロードします updatetupiandizhi()
{
if (moz)
{
var ad = xmlDoc.getElementsByTagName("ad")[0];
var tupian;
var _tupian = ad.getElementsByTagName("tupian")[i].firstChild.nodeValue;
if (_tupian) tupian = _tupian.Trim();
//tupian,dizhi ノードの値を取得します
var dizhi;
var _dizhi=ad.getElementsByTagName("dizhi")[i ].firstChild.nodeValue;
if(_dizhi) dizhi = _dizhi.Trim();
document.getElementById('tupian').href =
document.getElementById('dizhi'); = dizhi;
// 回転を実装します
} else if (ie)
{var src = xmlDoc.documentElement.selectNodes("tupian");
var href = xmlDoc.documentElement.selectNodes(" dizhi");
/ /tupian,dizhi ノードの値を取得します
document.getElementById("dizhi").href = href(i).text;
document.getElementById("tupian") .src = src(i).text ;
//回転を実現します
}}

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート