2

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

我正在尝试将一个空的 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>

但是，它不起作用。当存在 s或任何sh1时，不会在我的浏览器中显示，否则正常显示。linkscript

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

非常感谢，

伊甸园。

4

5 回答 5

6

您的<script>标签不能自动关闭。尝试将它们更改为<script src="..." type="text/javascript"></script>

于 2013-08-10T09:30:52.163 回答
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">

注意 javascript 文件的“js/”添加和 css 文件的“css/”添加。HTML 将从其目录导航到所述文件。但是，如果源元素告诉我们该文件不存在，那么页面将不会加载所述文件。

于 2013-08-10T09:39:09.043 回答
0

css 和 js 文件是否与您的 html 位于同一文件夹中？

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

于 2013-08-10T09:31:19.750 回答
0

你确定这几个文件的路径是正确的吗？如果是，那么 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>
于 2013-08-10T09:32:37.403 回答
0

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

<link rel="stylesheet" type="text/css" href="YOUR FILE PATH">
<script src="YOUR FILE PATH" type="text/javascript"></script>
于 2013-08-10T09:33:54.737 回答