学习javascript,为什么代码不能用于javascript
我使用IE11时启用了脚本选项。即使在其他浏览器上,它也不起作用。正在使用记事本++编写代码并运行。。。我目前正在学习javascript。我有一个.js和.html文件-html有3组标题/段落,只有单击标题,段落才会显示。这是行不通的。我还下载了一份java库的副本。。。我想这和Doctype语句有关吧? 任何想法: mcode.js学习javascript,为什么代码不能用于javascript,javascript,Javascript,我使用IE11时启用了脚本选项。即使在其他浏览器上,它也不起作用。正在使用记事本++编写代码并运行。。。我目前正在学习javascript。我有一个.js和.html文件-html有3组标题/段落,只有单击标题,段落才会显示。这是行不通的。我还下载了一份java库的副本。。。我想这和Doctype语句有关吧? 任何想法: mcode.js $(document).ready(function() { $("p").hide(); $("h1").click(function() {
$(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
。假设他的代码工作正常,那么这个答案虽然需要更多的细化,但也不是没有帮助的/我不允许评论增加你的名声,你可以考虑进一步填写你的个人资料。