如何在HTML5中包含JavaScript

Question

如何在HTML5中包含JavaScript

javascriptjquerycsshtml

4

我无法将外部JavaScript文件连接到我的html页面。当我将脚本放在带有

- RM GoodMan

3

请先更正你的文档类型声明。 <html> 标签在哪里？ :) - m4n0

1

使用验证器。 - Quentin

1

你是直接在浏览器中运行HTML文件还是通过本地主机运行的？ - Swaraj Giri

1

你似乎对这一切都很新，所以我会问一个基本的问题 - 你是否在文件所在的目录中创建了一个名为“js”的文件夹，并且该文件夹包含“function.js”文件？ - frosty

路径是正确的，CSS 也是正确的，只是一个 doctype 和 HTML 标签的问题。 - RM GoodMan

显示剩余17条评论

2个回答

1

<script>
  $(document).ready(function(){
    $(".info").hover(function(){
        $("#info").fadeIn("slow");
    });

    $(".close").click(function(){
        $("#info").fadeOut("slow");
    });

});

</script>

- Casper Round

2

一点解释会很有帮助。 - empiric

这有点不言自明... 我本以为他在全力以赴之前至少会对JS有一些了解！ <script></script>标签代表JS/JQuery等内容。与<?php ?>相同。 - Casper Round

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Cagatay Ulubay · Accepted Answer

你的HTML代码出现了很多问题，可以先搜索HTML(5)基础知识学习一下，首先应该学习基本结构，例如以下内容：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf8">
        <title>Welcome</title>
        <link type="text/css" href="styles/default.css">
    </head>
    <body>
        <!-- HTML Content -->

        <script type="text/javascript" src=".."></script>
        <script>
        // Javascript inside this file
        </script>
    </body>
</html>

链接和脚本部分并非必需，但您大多数时候需要它，所以我将其放在正确的顺序中。尝试将“script”标签放置在闭合的“”标签上方，这将防止页面在实际加载之前无限期地加载Javascript文件。

通过这种方式，外部Javascript应该可以正常工作，即使在本地工作，您也应该使用像XAMPP这样的Web服务器软件。如果您使用了XAMPP，在安装后，您必须启动“Apache Service”，然后在（如果您没有更改路径）“C:\xampp\htdocs”文件夹内工作。如果您在其中创建一个名为“testing”的文件夹并将您的“index.php”放入其中，则只需在浏览器中键入以下内容“http://localhost/testing”，它将搜索索引。html或php文件并解析它。

如果您只是双击文件，您很有可能会遇到安全问题，这将防止您的代码按预期工作。如果它以“file：//”而不是“http：//”开头，那么您就知道您双击了文件。

但是，正如我所说，要从头开始查找教程。这需要时间，但如果不花时间，您就无法做到。相信我，我已经这样做超过7年了，几乎每天都在线学习、阅读、测试、编码、学习、阅读、测试，但我仍然认为这是我可以学到的知识不到5%..永远不要认为您已经到了末尾或接近末尾..您永远不会这样，总是有东西可学习的，如果您认为自己已经接近末尾，您将停止进步，永远无法成为优秀的开发者。