我正在尝试通过一个javascript循环来设置一些html的样式,该循环通过document.write()输出html;功能。我的 CSS 样式似乎正确通过,但是由于某种原因我的 sifr 类没有调用我的 flash 文件。我在想这可能与我正在使用的 javascript document.write 函数有关。
我想知道是否可以以这种方式使用 SIFR。如果没有,是否有人可以替代我正在做的事情?
这是我的代码:(基本上,我正在从 XML 文件加载数据并使用 document.write 将其作为 HTML 输出 - 我已将我要引用的代码加粗。我是一名尝试编写 javascript 的设计师,所以在拆分我的功能之前请记住这一点。=)
document.write("<h1 class="h1_sifr_green">Tours in the <br />");
document.write(search_term.toUpperCase());
document.write(" area:</h1><br /><br />");
同样,我的 h1 标签以及我的所有其他 css 类都很好,除了我的 sifr 类。在此先感谢,感谢您提供任何帮助。
这是我的完整代码:
<html>
<head>
<link href="../css/colors.css" rel="stylesheet" type="text/css" />
<link href="../css/layout.css" rel="stylesheet" type="text/css" />
<link href="../css/textstyles.css" rel="stylesheet" type="text/css" />
<link href="../css/sifr.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/sifr.js"></script>
<script type="text/javascript" src="js/sifr-config.js"></script>
<script type="text/javascript">
function parseXML()
{
var search_term=window.location.search.substring(1); //sets the search_term variable to the URL string query
var tour_name;
var tour_link;
var tour_logo;
try //Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
catch(e)
{
try //Firefox, Mozilla, Opera, etc.
{
xmlDoc=document.implementation.createDocument("","",null);
}
catch(e)
{
alert(e.message);
return;
}
}
xmlDoc.async=false;
xmlDoc.load(search_term + ".xml");
x=xmlDoc.documentElement.childNodes;
document.write("<h1 class=\"h1_sifr_green\">Tours in the <br />");
document.write(search_term.toUpperCase());
document.write(" area:</h1><br /><br />");
for (i=0;i<x.length;i++)
{
tour_name=xmlDoc.getElementsByTagName("name")[i].firstChild.nodeValue;
tour_link=xmlDoc.getElementsByTagName("tourlink")[i].firstChild.nodeValue;
document.write("<a href=\"" + tour_link + "\" class=\"b3 textlink\">" + tour_name + "</a>");
document.write("<br />");
}
}
</script>
</head>
<body>
<div id="wrap" style="background-image:url(../images/index_06.jpg); width:550px">
<div style="padding:30px">
<script type="text/javascript" language="JavaScript">
parseXML();
</script>
</div>
</div>
</body>
</html>