在页面加载时运行脚本

Question

我正在使用CMS系统，目前我在哪里可以放置代码受到限制。 我尝试使用的脚本必须在表单之后加载，并且在Dreamweaver中可以成功运行。 但是，现在我将内容移到CMS中，我必须在标题中而不是在表单之后运行脚本。 我试图在页面加载后使用它加载，如下所示：

<script>
$(document).ready(function() {
//You should create the validator only after the definition of the HTML form
var frmvalidator  = new Validator("leadform");
frmvalidator.EnableOnPageErrorDisplaySingleBox();
frmvalidator.EnableMsgsTogether();
frmvalidator.addValidation("first_name","req","Please enter your first name.");
frmvalidator.addValidation("first_name","maxlen=40","Max length for first name is 40.");
frmvalidator.addValidation("first_name","alpha","Please enter your first name.");
frmvalidator.addValidation("last_name","req","Please enter your last name.");
frmvalidator.addValidation("last_name","maxlen=40","Max length for last name is 40.");
frmvalidator.addValidation("last_name","alpha","Please enter your last name.");
frmvalidator.addValidation("email","req","Please enter your e-mail address.");
frmvalidator.addValidation("email","email","Please enter your e-mail address.");
frmvalidator.addValidation("state","dontselect=0","Please select your state.");
});
</script>

我必须相信我只是在写错所有内容，但找不到任何可以帮助我做到这一点的例子。 显然我是一个菜鸟编码器-任何帮助将不胜感激。

谢谢。

Answer 1

$(document).ready(function(event){

// insert code here

});

上面的代码将始终等到文档加载完毕（这意味着包括表单的所有html都加载到页面中）之后，无论它位于html的头部还是正文中。 您只需要确保在使用jQuery时，将脚本标签和jQuery代码放在加载jQuery的脚本标签之后 。 这是加载jQuery 1.9.1版本的示例：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<!-- make sure your code is added after jQuery -->
<script src='pathtoyourscript/yourScript.js'></script>