frame 下文本类比的脚本实现

html中，如果需要在frame中放2个页面，这2个页面的结构相同，只是每个列表的行数和内容有所不同，要保证滚动条拖动的时候，这两个页面同步向下滚动，从而比较清楚的进行差异对比。其实最主要的就是每个列表要保证同样高度。

具体的实现代码如下：

frame2.html:

<script language=javascript>



var listA1= parent.frame1.document.getElementById("envionmentList") ;
var listB1=document.getElementById("envionmentList");
setListHeight (listA1,listB1);

var listA2= parent.frame1.document.getElementById("stafferList") ;
var listB2=document.getElementById("stafferList");
setListHeight (listA2,listB2);


var listA3= parent.frame1.document.getElementById("scheduleList") ;
var listB3=document.getElementById("scheduleList");
setListHeight (listA3,listB3);

var listA4= parent.frame1.document.getElementById("riskList") ;
var listB4=document.getElementById("riskList");
setListHeight (listA4,listB4);

var listA5= parent.frame1.document.getElementById("configList") ;
var listB5=document.getElementById("configList");
setListHeight (listA5,listB5);



function setListHeight(aList,bList)
{


a= aList.clientHeight;

b= bList.clientHeight ;


if(a>b)

{

var row =(a-b ) /20;

for(var j=0;j<row; j++)
{
var tr1 = document.createElement("tr");
var td1 = document.createElement("td");
var tn = document.createTextNode(".");
td1.appendChild(tn);
tr1.appendChild(td1);
bList.childNodes[0].appendChild(tr1);
}


}
else
{

var row =(b-a )/20;

for(var j=0;j<row; j++)
{


var doc=parent.frame1.document;

var tr1 = doc.createElement("tr");
var td1 = doc.createElement("td");
var tn = doc.createTextNode(".");
td1.appendChild(tn);
tr1.appendChild(td1);

doc.getElementById("riskList").childNodes[0].appendChild(tr1);

}


}

}


function scrollIt() {
parent.frame1.document.body.scrollTop = document.body.scrollTop;
}

with (window) {
onscroll = onsize = scrollIt;
}
</script>