使 Javascript 代码在页面开始时运行答案

【问题标题】：Making Javascript Code run on Page Start使 Javascript 代码在页面开始时运行
【发布时间】：2012-08-18 16:31:40
【问题描述】：

我需要在页面开始时运行我的 JavaScript 代码。

<body onload="document.getElementById('Label1').style.display = 'none';document.getElementById('Textbox1').style.display = 'none';">

目前我正在使用 Body Tag 中的 Onload 属性并使用其中的代码。通过这种方式使用，代码在整个页面加载后运行，并且需要一些时间才能使标签和文本框消失。

有没有办法在页面加载之前运行这段代码？

或者我可以通过其他方式来实现这一点？

（我正在使用另一个 JavaScript 函数基于 DropdownList SelectedIndex 使标签和文本框可见和不可见，因此如果我使用 style="display:none" 之类的属性，我无法使用 JavaScript 使它们再次可见）

【问题讨论】：

【解决方案1】：

当页面被加载时，您不需要使用 javascript 使您的 html 元素不可见。您可以使用 visibility:hidden 或 display:none 使用 css 将它们设置为不可见，然后使用 javascript 将它们设置为可见，如下所示：

document.getElementById("someobject").style.display="block";
OR
document.getElementById("someobject").style.visibility="visible";

如果你使用jquery，你也可以使用

$(document).ready(function(){

});

【讨论】：

我们如何使用 style="display:none" 让它们可见并使用 javascript 设置 "display:block"？？
谢谢@Rafael Sedrakyan。我已将 style="display:none" 设置为文本框和标签并设置 document.getElementById("lbl_OtherProof").style.display = "block";在 JavaScript 中。我不想在非常小的事情上使用 JQuery，所以我没有尝试 JQuery。
不客气。这就是我写“如果你使用 jquery”的原因:)
是的，明白了。再次感谢。再见

【解决方案2】：

使用jquery的$(document).ready(function(){ this is my code; });

【讨论】：