hej Ole kan du prøve at se på det her.
Jeg har prøvet at lave 2 test cases, meget simple:
Bare til at måle performance bruger jeg 2 dates og alerter dem:
*******
MED CSS Expression
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<style>
TR.DarkLight{
background-color:expression(this.rowIndex%2==0?"#e5dac2":"#faf5e7");
}
</style>
<script>
function buildtestcase(){
var startdate = new Date();
htmlOutput = "<table id=\'id_table\'>";
for(i=0;i<2000;i++){
htmlOutput += "<tr class=\"DarkLight\"><td style=\"width:200px;\">"+i+"</td></tr>"
}
htmlOutput += "</table>";
document.getElementById("divTest").innerHTML = htmlOutput;
var stopdate = new Date();
alert(stopdate - startdate);
}
window.onload = buildtestcase;
</script>
<BODY>
<script>
</script>
<P> </P>
<div id="divTest"></div>
</BODY>
</HTML>
********
MED JAVASCRIPT
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<style>
.darklight{
background-Color:#e5dac2;
}
.darklightodd{
background-Color:#faf5e7;
}
</style>
<script>
function initpage(){
var startdate = new Date();
buildtestcase();
makeDesign();
var stopdate = new Date();
alert(stopdate - startdate);
}
function makeDesign(){
var objTable = document.getElementById("id_table")
var array_tr = objTable.getElementsByTagName("TR")
for(i=0;i<array_tr.length;i++){
if(i%2==0){
array_tr[i].className="darklight";
}
else{
array_tr[i].className="darklightodd";
}
}
}
function buildtestcase(){
htmlOutput = "<table id=\'id_table\'>";
for(i=0;i<2000;i++){
htmlOutput += "<tr><td style=\"width:200px;\">"+i+"</td></tr>"
}
htmlOutput += "</table>";
document.getElementById("divTest").innerHTML = htmlOutput;
}
window.onload = initpage;
</script>
<BODY>
<P> </P>
<div id="divTest"></div>
</BODY>
</HTML>
Jeg synes ikke performance er så dårlig igen, kan du se om der er noget der gør at javascript siden performer dårligere end css ?
