Javascript 代码可以在JS fiddle上运行，但不能在我的网站上运行
我正在尝试使用HTML中的本地存储创建搜索历史记录日志，目前我正在尝试了解如何使用本地存储功能。现在我遇到了一个奇怪的问题 这个例子非常有用： 但是，当我尝试在我的服务器上组装代码时，当我尝试运行代码时，什么都没有发生Javascript 代码可以在JS fiddle上运行，但不能在我的网站上运行,javascript,html,local-storage,jsfiddle,Javascript,Html,Local Storage,Jsfiddle,我正在尝试使用HTML中的本地存储创建搜索历史记录日志，目前我正在尝试了解如何使用本地存储功能。现在我遇到了一个奇怪的问题 这个例子非常有用： 但是，当我尝试在我的服务器上组装代码时，当我尝试运行代码时，什么都没有发生 <!doctype html> <html lang="en"> <head> <title>Test</title> <meta charset="utf-8> &
<!doctype html>
<html lang="en">
<head>
<title>Test</title>
<meta charset="utf-8>
<link rel="stylesheet" type="text/css" href="test.css">
<script type='text/javascript'>
$(function () {
$("#submit").click(function () {
var name = $("#name").val();
localStorage.setItem('username',name);
alert(localStorage.getItem('username'));
});
});
</script>
</head>
<body>
name:
<input type="text" id="name">
<br/>
<br/>
<input type="button" id="submit" value="store in local">
</body>
</html>
试验
您需要在HTML中包含jQuery
编辑：更改引用链接以避免被私刑您需要在HTML中包含jQuery
编辑：更改引用链接以避免被私刑如果要使用jQuery，您需要这样做
在JSFIDLE中，有一个很好的小切换，允许您选择要包含的框架/库
但是，当您移动代码时，jQuery包含不会随您一起出现。您需要下载它或通过头中的脚本
标记将其包括在内（在其他脚本
的上方执行此操作，以便jQuery在尝试使用它之前加载：
<script src="//code.jquery.com/jquery-latest.min.js"></script>
如果要使用jQuery，您需要这样做
在JSFIDLE中，有一个很好的小切换，允许您选择要包含的框架/库
但是，当您移动代码时，jQuery包含项不会随您一起出现。您需要下载它或通过标题中的脚本标记将其包含在内（在其他脚本上方执行此操作，以便jQuery在尝试使用它之前加载：
<script src="//code.jquery.com/jquery-latest.min.js"></script>
您没有包括jQuery。它在您的小提琴中起作用，因为jQuery已经包含在那里。最常见的错误之一…包括jQuery，然后您可以使用jQuery您没有包括jQuery。它在小提琴中起作用，因为jQuery已经包含在那里。最常见的错误之一…包括jQuery，然后您可以使用jqueryWhere'd Every ge那些漂亮的干草叉和火把不是吗？@Huangism在这种情况下，w3链接没有问题，尽管它不是官方认可的资源，但在90%的情况下，它提供了正确的信息。w3在我的职业生涯中帮了我很多忙。它可能并不总是正确的，但我不确定为什么人们对它有如此多的敌意。@Tyblitz我百分之百肯定我的评论没有说这有什么问题anything@Kith我认为这种敌意来自这样一个事实，即它不是100%正确的，实际上与W3C无关。如果有人想使用它，这与我无关。我认为人们不喜欢它，因为初学者很可能会使用此链接或者其他问题，当有人链接到这里时，它可能会有误导性的信息。因此，虽然这样做很好，但可能会导致未来的问题。每个人从哪里得到这些漂亮的干草叉和火炬？@Huangism在这种情况下，w3链接没有问题，即使它不是官方认可的资源，但在90%的情况下它提供了正确的信息。w3在我的职业生涯中帮了我很多忙。它可能并不总是正确的，但我不知道为什么会有这么多人对它怀有敌意。@Tyblitz我100%肯定我的评论没有说它有什么问题anything@Kith我认为这种敌意来自这样一个事实，即它不是100%都是正确的，而且是正确的实际上与W3C没有关系。如果有人想使用它，这与我无关。我想人们不喜欢它，因为初学者很可能会在其他问题上使用此链接，当有人链接到这里时，它可能会有误导性的信息。因此，虽然这样做很好，但它可能会导致未来的问题。非常好的答案，谢谢。我已经用Kith的答案解决了，但是你的答案更详细，所以我会选择你的答案。抱歉@KithGreat答案谢谢。我已经用Kith的答案解决了，但是你的答案更详细，所以我会选择你的答案。抱歉@Kith