zoukankan      html  css  js  c++  java
  • 【十五分钟Talkshow】为什么新浪微博的输入文本框具有记忆功能

    摘要提示

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

        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;
                 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>
    
  • 相关阅读:
    tomcat最大线程数的设置(转)
    webService接口大全
    实用工具网站汇总
    Linux常用指令(待补充)
    svn的使用总结(待补充)
    养生
    nodejs知识结构
    NVM node版本管理工具的安装和使用
    MongoDB安装和MongoChef可视化管理工具的使用
    JavaScript模块化编程(三)
  • 原文地址:https://www.cnblogs.com/chenxizhang/p/2373962.html
Copyright © 2011-2022 走看看