如何在后台处理名为onload的javascript函数？

Question

我想知道是否可以在后台页面加载期间调用的特定javascript函数中处理代码。

即。服务器将少量标签和文本框发送到浏览器。在onload期间，会调用一个函数来立即隐藏它们。但是，我看到由于在onload中使用它，文本框在被隐藏之前首先显示在浏览器中（在加载页面上的所有其他内容之后）。

有没有办法可以避免这种情况？

谢谢！

Answer 1

如果需要在页面加载时隐藏这些元素，请通过在服务器端应用display: none css样式来隐藏它们。然后，当他们需要显示时使用javascript。

Answer 2

您需要隐藏这些元素，并在其后面放置一个JS代码

<textarea id="a"></textarea>
<script type="text/javscript">
document.getElementById('a').style.display = 'hidden';
</script>

当DOM准备好时，

......或（通常更好）<​​/ p>

document.addEventListener('DOMContentLoaded',function(){
    document.getElementById('a').style.display = 'hidden';
},false);

第二种方式存在兼容性问题 - IE不支持addEventListener方法，您需要使用此处所述的其他代码：http://www.javascriptkit.com/dhtmltutors/domready.shtml