Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
学习javascript,为什么代码不能用于javascript_Javascript - Fatal编程技术网

学习javascript,为什么代码不能用于javascript

学习javascript,为什么代码不能用于javascript,javascript,Javascript,我使用IE11时启用了脚本选项。即使在其他浏览器上,它也不起作用。正在使用记事本++编写代码并运行。。。我目前正在学习javascript。我有一个.js和.html文件-html有3组标题/段落,只有单击标题,段落才会显示。这是行不通的。我还下载了一份java库的副本。。。我想这和Doctype语句有关吧? 任何想法: mcode.js $(document).ready(function() { $("p").hide(); $("h1").click(function() {

我使用IE11时启用了脚本选项。即使在其他浏览器上,它也不起作用。正在使用记事本++编写代码并运行。。。我目前正在学习javascript。我有一个.js和.html文件-html有3组标题/段落,只有单击标题,段落才会显示。这是行不通的。我还下载了一份java库的副本。。。我想这和Doctype语句有关吧? 任何想法:

mcode.js

$(document).ready(function() {

  $("p").hide();

  $("h1").click(function() {
    $(this).next().slideToggle(300);
  });

});
myhtml.html:

<!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" lang="en" xml:lang="en">

<head>
 <title>Demo</title>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>

<body>
 <h1>Heading one</h1>
 <p>This is just some text for heading 1</p>

 <h1>Heading two</h1>
 <p>This is just some text for heading 2</p>

 <h1>Heading three</h1>
 <p>This is just some text for heading 3</p>

<!-- FIRST BELOW POINTS TO WHERE THE JAVA SCRIPT LIBRARY IS   -->
<!-- SECOND IS MY JAVASCRIPT CODE THAT WILL BE USED           -->
<!--<script type="text/javascript" src="jquery-1.8.0.min.js"></script>-->
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="my_code.js"></script>
</body>

</html>

演示
标题一
这只是标题1的一些文本

标题二 这只是标题2的一些文本

标题三 这只是标题3的一些文本


您必须在html文件中添加mcode.js。在你的头脑中添加一个链接到mcode.js的脚本。

你在问题中已经将你的javascript列为mcode.js,但引用了src=“my_code.js”。将html中的src更改为正确的文件,它应该可以正常工作


这应该是您的目标:)

检查浏览器控制台的内容。您的代码工作正常。jquery库是否与html文件位于同一目录中?你有任何控制台错误吗?对我来说很好。我建议使用IDE进行开发,这比只使用记事本容易得多。我还建议不要使用xhtml。Html5现在已经好得多了,并且是一个广为接受的标准。请检查JavaScript文件的名称,您的评论会说mcode.js,但HTML有一个下划线。另外,这两个JavaScript文件必须与您现在使用的文件位于同一位置。OP链接了一个名为
my_code.js
的文件,但在问题中将js文件称为
mcode.js
。假设他的代码工作正常,那么这个答案虽然需要更多的细化,但也不是没有帮助的/我不允许评论增加你的名声,你可以考虑进一步填写你的个人资料。