javascript文档准备功能
Posted
技术标签:
【中文标题】javascript文档准备功能【英文标题】：javascript document ready function 【发布时间】：2013-11-03 19:43:32 【问题描述】：我又一次陷入了学习过程。我正在尝试使用here 提供的帮助为网站的背景设置动画。但我有点卡住了。当我自学javascript（替换基本动作脚本）时。我喜欢一行一行地写，而不是复制粘贴，这样我就可以理解事情是如何运作的。
这是我目前所拥有的：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Site</title>
<script type="text/javascript">
$(document).ready(function()
window.alert("function started");
);
</script>
</head>
<body>
</body>
</html>
正如您所见，警报窗口应该在函数启动时弹出，但它没有。发生这种情况是有原因的，还是我应该设置一个正文 onLoad 函数来处理页面加载时我想做的事情？
【问题讨论】：
您需要包含对 jQuery 的引用，api.jquery.com/ready 哇，现在我觉得我很愚蠢。 JavaScript 没有“文档就绪”功能。那就是 jQuery，它是一个用 JavaScript 编写的代码库。 欢迎使用 jQuery；你将在 JS 中提高 1000 倍的生产力。 :D 【参考方案1】：您忘记在页面中包含 jQuery javascript API。在使用 $() 函数之前应该包含它（在这种情况下，它是 jQuery() 函数的别名。）
如果您检查浏览器的 Javascript 控制台，您可能会因为尝试使用未定义的$ 而遇到异常。 （在 IE 中，进行 Web 开发时一个方便的技巧是启用“为每个脚本错误显示通知”的高级选项，但这在访问其他网站时会变得很烦人，因为许多开发人员对于识别和修复未处理的 JS 异常都很糟糕！现代浏览器通常使用“F12”（至少在美国），打开开发者工具来调试 Javascript 等）
更正的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Site</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function ()
window.alert("function started");
);
</script>
</head>
<body>
</body>
</html>
此示例使用 Google 托管的 jQuery API，但您也可以选择从 http://jquery.com 下载 jQuery
【讨论】：
【参考方案2】：演示
http://jsfiddle.net/dvADs/
您缺少库参考~！像这样
<script type='text/javascript' src='//code.jquery.com/jquery-2.0.2.js'></script>
希望休息满足您的需求:)
基础知识：http://jqfundamentals.com/chapter/jquery-basics
JQ CDN：http://jquery.com/download/
$(document).ready(function()
window.alert("function started");
);
【讨论】：
【参考方案3】：你不是第一次加载 jQuery。 jQuery 是您尝试使用 $ 调用的库。你可以在这里下载：http://jquery.com/download/。确保在 javascript 代码之前加载 jQuery。
【讨论】：
以上是关于javascript文档准备功能的主要内容，如果未能解决你的问题，请参考以下文章