script.js 文件未链接到 index.html答案

【问题标题】：script.js file not linking to index.htmlscript.js 文件未链接到 index.html
【发布时间】：2014-03-23 19:33:51
【问题描述】：

我正在使用 sublime 并尝试练习构建网站。这是我尝试连接的 HTML 和 JS，请告诉我我做错了什么，因为当我在 Chrome 中打开 index.html 时没有出现警报。

 <!DOCTYPE html>
<head>
<link href='http://fonts.googleapis.com/css?family=Quicksand:300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="styles.css">
<script type="text/javascript" src="script.js"></script>
</head>

    $(document).ready(function(){
alert("Hello World");

});

谢谢！

【问题讨论】：

你在哪里添加了 jQuery？
它写在另一个名为“script.js”的文件中，我想像链接到我的css文件一样链接到它

标签： javascript jquery html syntax placement

【解决方案1】：

您需要将javascript代码放入<script></script>标签中：

<!DOCTYPE html>
<head>
<link href='http://fonts.googleapis.com/css?family=Quicksand:300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="styles.css">
<script type="text/javascript" src="script.js"></script>
<script>
    $(document).ready(function(){
      alert("Hello World");
    });
</script>
</head>

由于您使用的是 jQuery 的 ready 方法，请确保在使用它之前先包含它：

<script type="text/javascript" src="jquery.js"></script>

【讨论】：

【解决方案2】：

要使用它，您必须同时包含 jQuery 并用标签包围 JavaScript。但是，如果您想将所有内容都包含在 script.js 中，那么将所有内容都写在标签中可能不是最好的选择，只需将所有内容都写在“script.js”中

index.html

<head>
<script src="jquery-1.10.2.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Quicksand:300' rel='stylesheet'type='text/css'>
<link rel="stylesheet" type="text/css" href="styles.css">
<script type="text/javascript" src="script.js"></script>
</head>

script.js

$(document).ready(function(){
alert("Hello World");
});

这应该可以解决问题。（还请记住，如果您使用这种导入，则必须将 script.js 放在同一个文件夹中。如果将其放在不同的文件夹中，例如“js”，则必须执行如下导入：

<script type='text/javascript' src="js/script.js"></script>

【讨论】：

【解决方案3】：

添加 jquery！

在这里下载http://jquery.com/download/ 并添加到头部

<script src="filejquerywithpath" type="text/javascript"></script>

但是，如果你想在其他文件中包含 jquery 并且只包含这个文件，你可以在文件 html 中添加上面的行代码，并在 head 部分添加在输出中写入内容的行代码

<% Response.WriteFile("file.html"); %>

file.html 的所有内容都会被写入。

【讨论】：

对于 css 除了 ;性格一切正常。但是对于 js，您可以使用以下属性： src 用于文件 js 的逻辑路径， type 用于标识文件的类型。如果您想添加另一个文件 js，请将另一个标记脚本与其他类似，此示例脚本保存在应用程序的根目录中跨度>
我想通了，这是我链接到 .js 文件的最终 HTML。谢谢大家
我已经修改了响应。您不能使用文件 js 添加对带有标记脚本的文件的引用

【解决方案4】：

这是很简单的东西，JavaScript新手可能会错过，有两种方法可以做到：

1) 在 HTML 页面的简单结构中，页面中的所有内容都被视为 HTML，除非它们位于 <script> 或 <style> 标记中，因此在您的情况下，您需要在 <script> 标记中执行此操作，如下所示：

<html>

<head>
  <link href='http://fonts.googleapis.com/css?family=Quicksand:300' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" type="text/css" href="styles.css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

  <script type="text/javascript">
    $(document).ready(function() {
      alert("Hello World");
    });
  </script>

</head>

<body>
</body>

</html>

2) 您可能希望它在单独的文件中，例如您对script.js 的链接，在这种情况下，只需将 js 文件放入 script.js 中，不带任何 <script> 标记...

【讨论】：