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>
    
  • 相关阅读:
    第三周星期三
    第三周星期二
    导入oc动态库(framework)到C++项目中混编出现的问题
    webrtc项目编译报错(image not found)
    OpenGL-综合案例:旋转的大小球
    使用OpenGL来画个甜甜圈
    OpenGL-深度测试和颜色混合
    OpenGL 绘制正方形的基本步骤
    数据结构与算法-基础
    关于iOS离屏渲染的深入研究
  • 原文地址:https://www.cnblogs.com/chenxizhang/p/2373962.html
Copyright © 2011-2022 走看看