我刚刚通过 Codeacademy 学习 html、css 和 javascript。我想尝试在没有 Codeacademy 环境的情况下创建一个网站来练习我所学到的知识。我遇到的问题是将我的 javascript 链接到我的 html。我的文件夹中有三个文件:index.html、style.css 和 script.js。我正在按照我了解到的方式进行设置,该网站加载正常,但 javascript 由于某种原因永远无法工作。有什么理由吗?这是我的 html 和 js:
index.html:
<!DOCTYPE html>
<html>
<head>
<title>Result</title>
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' src='script.js'></script>
</head>
<body>
<form>
MESSAGE: <input type="text" name="message" value="Type your text here!">
</form>
<button>Add!</button><br/>
<div id="messages"></div>
</body>
脚本.js:
$(document).ready(function () {
$('button').click(function () {
var toAdd = $("input[name=message]").val();
$('#messages').append("<p>" + toAdd + "</p>");
});
});
最佳答案
您需要包含 jquery(在包含 script.js 之前)
<head>
<title>Result</title>
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>
<script type='text/javascript' src='script.js'></script>
</head>
关于javascript - 将 javascript 与 html 链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17026670/