3

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

});

谢谢！

4

4 回答 4

3

您需要将 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>

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

<script type="text/javascript" src="jquery.js"></script>
于 2014-03-23T19:37:56.173 回答
2

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

索引.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>

脚本.js

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

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

<script type='text/javascript' src="js/script.js"></script>
于 2014-03-23T19:52:29.557 回答
0

添加jQuery！

在此处下载http://jquery.com/download/ 并添加到 head 部分

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

但是，如果您想在其他文件中包含 jquery 并仅包含此文件，您可以在文件 html 中添加上面的行代码，并在头部分添加在输出中写入内容的行代码

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

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

于 2014-03-23T19:39:29.247 回答
0

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

1) 在 HTML 页面的简单结构中，页面中的所有内容都被视为 HTML，除非它们在<script>or<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>标签...

于 2017-08-19T15:22:03.667 回答