Question

我正在使用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");

});

谢谢！

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，除非它们位于Show或<script>标记中，因此在您的情况下，您需要在{{1}内执行此操作像这样的标签：

＆＃13;

<style>

＆＃13;

2）您可能希望将它放在单独的文件中，例如您将其添加到<script>的链接，在这种情况下，只需将js文件放在<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>中，而不添加任何script.js标记...

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

4 个答案: