Javascript 在下面的代码中,为什么';事件处理程序启动了吗?

Javascript 在下面的代码中,为什么';事件处理程序启动了吗?,javascript,jquery,Javascript,Jquery,为什么我没有得到控制台输出,是不是有一些概念上的错误 HTML页面是 !DOCTYPE html> <html> <head> <title>prac 1</title> <script type="text/javascript" src="jquery-3.1.1.min (1).js"></script> <script type="text/javascript" src="script2

为什么我没有得到控制台输出,是不是有一些概念上的错误 HTML页面是

!DOCTYPE html>
<html>
<head>
    <title>prac 1</title>
    <script type="text/javascript" src="jquery-3.1.1.min (1).js"></script>
<script type="text/javascript" src="script2.js"></script>
</head>

<body>

<input type="text" id="just">
<input type="submit" id="submit">

<p></p><p></p>
<div id="div1"></div>

</body>
</html>
感谢sdcsc=dsfsdfvdvd(只是为了消除细节上的错误)

,因为
check()
在元素存在之前立即调用
check
,因此它们找不到,处理程序也没有连接

您应该将函数而不是其返回值传递到
ready

$(document).on("ready", check);
// No () --------------------^
因为
check()
在元素存在之前立即调用
check
,因此找不到元素,处理程序也没有连接

您应该将函数而不是其返回值传递到
ready

$(document).on("ready", check);
// No () --------------------^

最好在
标记的底部加载JS文件

因此,您的HTML文件应如下所示:

<!DOCTYPE html>
<html>
<head>
    <title>prac 1</title>
</head>

<body>

<input type="text" id="just">
<input type="submit" id="submit">

<p></p><p></p>
<div id="div1"></div>

<script type="text/javascript" src="jquery-3.1.1.min (1).js"></script>
<script type="text/javascript" src="script2.js"></script>
</body>
</html>

prac 1


最佳做法是在
标记底部加载JS文件

因此,您的HTML文件应如下所示:

<!DOCTYPE html>
<html>
<head>
    <title>prac 1</title>
</head>

<body>

<input type="text" id="just">
<input type="submit" id="submit">

<p></p><p></p>
<div id="div1"></div>

<script type="text/javascript" src="jquery-3.1.1.min (1).js"></script>
<script type="text/javascript" src="script2.js"></script>
</body>
</html>

prac 1


提交
没有表单是没有意义的。@ZakariaAcharki是的,但最终提交是一个元素,所以它应该在“单击”时启动?对,它只是一个注释。
$(文档)。on(“ready”
是不推荐的,因为docs@charlietfl是的,这是主要问题…请将此作为答案写下来,我会接受它,
提交
无格式是毫无意义的。@ZakariaAcharki是的,但最终提交是一个元素,所以它应该在“单击”时启动?对,它只是一个注释。
$(文档)。on('ready'
根据docs@charlietfl被弃用是的,这是主要问题…请将此作为答案写下来,我会接受它