Question

这很可能是非常愚蠢的问题。

我正在尝试将空的CSS文件，空的JavaScript文件和jQuery库添加到最基本的HTML文件中，如下所示：

<html>
<head>
  <title>Testing</title>
  <link rel="stylesheet" type="text/css" href="theme.css">
  <script language="javascript" type="text/javascript" src="jquery-2.0.3.js" />
  <script src="application.js" />
</head>
<body>
  <h1 class=test>This is a test! Hello, world!</h1>
</body>
</html>

然而，它不起作用。当h1或任何link存在时，script不会显示在我的浏览器中，但通常会以其他方式显示。

我在这里做错了什么？为什么这不起作用，我怎样才能使它发挥作用？

非常感谢，

伊甸。

Answer 1

您的<script>代码无法自动关闭。尝试将它们更改为<script src="..." type="text/javascript"></script>

Answer 2

两件事。脚本标签应该有一个结束标签。

<script language="javascript" type="text/javascript" src="jquery-2.0.3.js" /></script>
<script type="text/javascript" src="application.js" /></script>

另一件事，看看你是否导航到正确的文件。假设您的目录树是下一个

directory
  |-yourHTMLpage.html
  |-jquery-2.0.3.js
  |-application.js
  \-theme.css

然后下一个将起作用

<script language="javascript" type="text/javascript" src="jquery-2.0.3.js" />
<script type="text/javascript" src="application.js" /></script>
<link rel="stylesheet" type="text/css" href="theme.css">

但是在最近的标准中，我们正在使用css和js文件的文件夹，如下一个

directory
  |-yourHTMLpage.html
  |-js
     |-jquery-2.0.3.js
     \-application.js
  \-css
     \-theme.css

然后你必须调整链接，

<script language="javascript" type="text/javascript" src="js/jquery-2.0.3.js" />
<script type="text/javascript" src="js/application.js" /></script>
<link rel="stylesheet" type="text/css" href="css/theme.css">

注意＆＃34; js /＆＃34;添加javascript文件和＆＃34; css /＆＃34;另外用于css文件。 HTML将从其目录导航到所述文件。但是如果文件不是源元素告诉的那样，则页面不会加载该文件。

Answer 3

css和js文件与html位于同一文件夹中吗？

要查看错误，请尝试使用开发人员控制台查看发送的请求（在Chrome上按'F12'或在Firefox上安装firebug扩展）。应该有一个“网络”选项卡，显示请求的文件以及您的浏览器是否找到它们。

Answer 4

您确定多个文件的路径是否正确？如果是，那么h1的类是否拼写正确？你应该嵌入这样的javascript文件：

<script language="javascript" type="text/javascript" src="jquery-2.0.3.js"> </script>
<script language="javascript" type="text/javascript" src="application.js"> </script>

Answer 5

以下是将css和javascript文件包含到页面的简单方法。

<link rel="stylesheet" type="text/css" href="YOUR FILE PATH">
<script src="YOUR FILE PATH" type="text/javascript"></script>

如何正确地将CSS和JavaScript添加到HTML文档？

5 个答案: