我再一次陷入了学习过程。我正在尝试使用提供的帮助来制作网站背景的动画 here 。但我有点卡住了。当我自学 javascript (以替换基本的 ActionScript )时。我喜欢一行一行地写,而不是复制粘贴,这样我就可以理解事情是如何工作的。
这是我到目前为止所拥有的:
<!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 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。
关于javascript 文档就绪函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19577138/