javascript - javascript挂起浏览器

xmlDoc.load("cd_catalog.xml")

var cd=xmlDoc.getElementsByTagName("CD");
var id_set=1;
var id=xmlDoc.getElementsByTagName("ID"+id_set);

i=0;

function next()
{
if (i<id.length-1)
  {
  i++;
  display();

  }
}


function display()
{
document.write('<div class="dd">')
        document.write('<div class="blue" style="WIDTH:')
        document.write(cd[0].getElementsByTagName("ID"+id_set)[i].childNodes[0].nodeValue)
        document.write('"></div>')

document.write('</div>')

}


}
</script>

    <script type="text/javascript"> display()   </script>


    <br><input type="button" onclick="next()" value="next" ID="Button2" NAME="Button2"/>

我看到了related question，但不确定是否有帮助。
我添加了next（）函数，浏览器挂起，好像正在加载某些东西，从不挂起。
没有next（）调用，显示功能将起作用。我正在尝试进行变体of this。

最佳答案

related queston确实有帮助。文档加载完成后，您将不能使用document.write()。有关如何替换document.write()的信息，请参见另一个问题的答案。

关于javascript - javascript挂起浏览器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/616710/