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

摘要提示

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

1.在网页关闭之前，如果文本框不为空，则将内容保存起来（保存到哪里去==>cookie）

2.在网页加载的时候，想办法还原

视频地址

http://HdhCmsTesttudou测试数据/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://HdhCmsTestw3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"  > 

 <  html   xmlns  ="http://HdhCmsTestw3.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  >

作者： Leo_wl

出处： http://HdhCmsTestcnblogs测试数据/Leo_wl/

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

版权信息

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did49799

更新时间：2022-09-24 阅读：44次