javascript - 如何获得 JavaScript 警报?

标签 javascript jquery html alert

我绝对不是脚本编写的新手,但这让我很困惑。我想在单击按钮时调用一个函数,所以我首先想获取 buttonclick 事件并使用简单的 window.alert 对其进行测试。所以我只是在下面写了html文档。

<!doctype html>
    <head>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#sendButton").click(function(){
                    alert("clicked!!");
                });
            });
        </script>
    </head>
    <body>

        <form id="send-message-area">
            <input type="button" id="sendButton" value="Send Message">
        </form>
    </body>

不幸的是,没有任何反应。完全没有。由于这是相当简单的代码,我不知道为什么这行不通。

最佳答案

用于引入 jQuery 的脚本标签使用的是 (Common|General) Internet Syntax Scheme .这告诉浏览器在加载脚本时使用用于加载页面的任何方案。这对于同时响应 http 和 https 的网站很有帮助。

如果您使用 file:// 方案在本地查看文件,那么您应该会看到 $ 未定义的错误。这是因为脚本不在:

file://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js

本地加载时请在script标签中使用这个src:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

关于javascript - 如何获得 JavaScript 警报?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21577791/

相关文章:

javascript - 使用 javascript 使用react.js 更改 html

jquery - 我的 div 中的标签/文本不会显示

jquery - 左右浮动不起作用

javascript - 是否有用于将字符串编码为 HTML 的内置 jQuery 函数?

javascript - 在数组中查找带有值的对象键?

javascript - 动态/迭代构建页面内容

javascript - jQuery 隐藏内部 html,a 标签除外

html - 无边距居中

javascript - 当我在 slider 末尾时如何禁用单击按钮

javascript - 如何重新定位我的 jQuery 弹出窗口?