HTML frameset加载顺序的问题，高手请帮忙

一个聊天室框架页面，
  <frameset rows="*,40%" frameborder="no" border="0" framespacing="0">
  <frame src="pub_msg.html" name="pub_msg" scrolling="no" marginhight="0" frameborder="1" noresize="noresize" /></frame>
  <frame src="refresh.html" name="refresh" border="0" frameBorder="no"></frame>
  </frameset>

pub_msg.html有一个div id = "chatDiv"用户显示聊天信息

refresh.html是隔2秒定时用AJAX向后台请求聊天信息显示，现在遇到一个问题
当pub_msg.html没有加载完的时候，refresh.html 
有一段代码 parent.pub_msg.document.getElementById("chatDiv");会加载不出来chatDiv后会报错，
怎样让pub_msg.html的所有代码加载完成了。再加载refresh.html呢？

通过js判断当所有框架加载完了才去调用refresh中的ajax方法