javascript 文档就绪函数

标签 javascript jquery function web onload

我再一次陷入了学习过程。我正在尝试使用提供的帮助来制作网站背景的动画 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/

相关文章:

javascript - 在 React Native 中渲染数据之前进行异步调用

javascript - Meteor + Bootstrap - 警报已关闭。bs.alert 未触发

jQuery 悬停动画然后动画留在第二个处理程序问题中?

javascript - <autofocus> 在刷新页面之前无法重复获得焦点

javascript - CoffeeScript和异步递归函数

计算斜边的 C 程序

javascript - ES6/Babel 使用 Set 传播错误

javascript - 多个元素的相同 AJAX 调用

javascript - LiveCycle Javascript 函数引用错误

c# - 如何在aspx页面中获取jquery的post请求参数