摘要提示
“十万个为什么” 之
为什么在新浪微博上面的输入文本框有记忆功能?
1.在网页关闭之前,如果文本框不为空,则将内容保存起来(保存到哪里去==>cookie)
2.在网页加载的时候,想办法还原
视频地址
http://www.tudou.com/programs/view/DOkXpZQnnFw/
示例代码
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplicationSample.Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> #txtInput { height: 113px; width: 694px; } </style> <script src="Scripts/jquery-1.4.4.min.js" type="text/javascript"></script> <script src="Scripts/jquery.cookie.js" type="text/javascript"></script> <script type="text/javascript"> function SaveText() { var date = new Date(); date.setTime(date.getTime() + (30 * 60 * 1000)); $.cookie("input", $("#txtInput").text(), { expires: date }); } $(function () { $("#txtInput").text($.cookie("input")); }); </script> </head> <body onbeforeunload="SaveText()"> <form id="form1" runat="server"> <div> <textarea id="txtInput" rows="5"></textarea> </div> </form> </body> </html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步