Javascript JS进度条未使用document.write更新

Javascript JS进度条未使用document.write更新,javascript,dom,progress-bar,Javascript,Dom,Progress Bar,我正在使用此JS在我的网站上创建进度条: 在某些页面上,我使用表格中的这些栏。但由于未知原因,第一次加载包含表的页面时,仅显示(部分)条,文档的其余部分不会呈现: 当表格只有一行时,如果有很多行,我会将其中的许多行并置,文档的其余部分仍然为空 现在,如果我再次加载页面(手动输入URL),它工作正常,表和所有文档都会按应有的方式呈现。但是如果我刷新页面(CTRL+R),问题再次出现 知道发生了什么吗?通过使用JS调试器(Chrome的调试器),我可以看到“display”函数被调用,而条形图的“

我正在使用此JS在我的网站上创建进度条:

在某些页面上,我使用表格中的这些栏。但由于未知原因,第一次加载包含表的页面时,仅显示(部分)条,文档的其余部分不会呈现:

当表格只有一行时,如果有很多行,我会将其中的许多行并置,文档的其余部分仍然为空

现在,如果我再次加载页面(手动输入URL),它工作正常,表和所有文档都会按应有的方式呈现。但是如果我刷新页面(CTRL+R),问题再次出现

知道发生了什么吗?通过使用JS调试器(Chrome的调试器),我可以看到“display”函数被调用,而条形图的“document.write”运行正常。似乎在此之后,文档呈现突然停止。没有发生JS错误


正如评论中所建议的,我应该删除“document.write”并用其他内容替换它。你知道怎么做吗?

好吧,如果你不知道Javascript,就向你最喜欢的搜索引擎要一个相同类型的最新脚本。使用DOM的人。我确信还有很多。我不知道,是progress.js文件中的“display”函数使用了它。你建议我换个别的吗?是的。特别是因为该脚本确实用其[无用的]函数污染了全局名称空间。是的,
document.write(通过
display
)在DOM ready崩溃您的站点后调用了
document.write(通过
display
)?我对JS不是很有经验。我计划使用element.innerHTML,但进度条显示为display('elementA',1,2),那么,如果我只是修改目标元素的HTML,脚本将不会被正确呈现?可能的重复我更倾向于学习一些关于JS的知识,而不是盲目地切换工具。我不知道脚本,但摆脱
文档。编写
通常意味着大量重新编写的代码,所以你最好还是找些更新的东西。