script.js文件没有链接到index.html

Question

我正在使用崇高并试图建立一个网站。 这是我想要连接的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");

});

谢谢！

Answer 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>

Answer 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>

Answer 3

添加jquery！

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

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

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

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

将编写file.html的所有内容。

Answer 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>标记...

script.js文件没有链接到index.html

问题描述

4 个解决方案

解决方案1
2 2014-03-23 19:37:56

解决方案2
2 已采纳 2014-03-23 19:52:29

解决方案3
0 2014-03-23 19:39:29

解决方案4
0 2017-08-19 15:22:03

script.js文件没有链接到index.html

问题描述

4 个解决方案

解决方案1 2 2014-03-23 19:37:56

解决方案2 2 已采纳 2014-03-23 19:52:29

解决方案3 0 2014-03-23 19:39:29

解决方案4 0 2017-08-19 15:22:03

解决方案1
2 2014-03-23 19:37:56

解决方案2
2 已采纳 2014-03-23 19:52:29

解决方案3
0 2014-03-23 19:39:29

解决方案4
0 2017-08-19 15:22:03