您的位置：首页 > 其它

【十五分钟Talkshow】为什么新浪微博的输入文本框具有记忆功能

2012-03-01 09:27 197 查看

摘要提示

“十万个为什么” 之
为什么在新浪微博上面的输入文本框有记忆功能？

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航