Question

我正在尝试使用HTML中的本地存储创建搜索历史记录日志，我目前正在尝试了解如何使用本地存储功能。现在我遇到了一个奇怪的问题。

但是当我尝试将它放在我的服务器上时，当我尝试运行代码

时没有任何反应

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

我做错了什么？我不习惯网络编程。

Answer 1

您需要在HTML中包含jQuery

http://learn.jquery.com/about-jquery/how-jquery-works/

编辑：更改参考链接以避免被私刑

Answer 2

如果你想使用jQuery，你需要include jQuery。

在JSFiddle中，您可以获得一个很好的小切换，允许您选择您想要包含的框架/库。

但是，当您移动代码时，jQuery包含并不会随您而来。您需要下载它或通过script中的head标记添加它（在您的其他script上方执行此操作，以便在您尝试使用jQuery之前加载它：

<script src="//code.jquery.com/jquery-latest.min.js"></script>

这是一个非常常见的问题：无论何时nothing happens，检查浏览器的控制台都是个好主意。不包括jQuery，你经常得到这样的东西：

ReferenceError: $ is not defined

代码适用于JS小提琴，但不适用于我的网站

2 个答案: