- 1 // JavaScript Document
- 2
- function $$(id) {
- 3
- return document.getElementById(id);
- 4
- }
- 5 //点击发表按钮时调用
- 6
- function btnAdd_Click() {
- 7 //获取文本框中的内容
- 8
- var strContent = $$("txtContent").value;
- 9 //定义一个日期型对象
- 10
- var strTime = new Date();
- 11 //如果不为空,则保存
- 12
- if (strContent.length > 0) {
- 13
- var strKey = "cnt" + RetRndNum(4);
- 14
- var strVal = strContent + "," + strTime.toLocaleTimeString();
- 15 localStorage.setItem(strKey, strVal);
- 16
- }
- 17 //从新加载
- 18 getlocalData();
- 19 //清空原先内容
- 20 $$("txtContent").value = "";
- 21
- }
- 22 //获取保存数据并显示在页面中
- 23
- function getlocalData() {
- 24 //标题部分
- 25
- var strhtml = "";
- 26 strHTML += " 编号";
- 27 strHTML += " 内容";
- 28 strHTML += " 时间";
- 29 strHTML += ""30 //内容部分
- 31
- var strArr = new Array(); //定义一个数组
- 32 33
- for (var intI = 0; intI) {
- 34 35 //获取key值
- 36
- var strKey = localStorage.key(intI);
- 37 //过滤键名内容
- 38
- if (strKey.substring(0, 3) == "cnt") {
- 39
- var strVal = localStorage.getItem(strKey);
- 40 strArr = strVal.split(",");
- 41 strHTML += "";
- 42 strHTML += "" + strKey + ""43 strHTML += "" + strArr[0] + ""44 strHTML += "" + strArr[1] + ""45 strHTML += "";
- 46
- }
- 47
- }
- 48 49 $$("ulMessage").innerHTML = strHTML;
- 50
- }
- 51 //生成指定长度的随机数
- 52 53
- function RetRndNum(n) {
- 54
- var strRnd = "";
- 55
- for (var intI = 0; intI) {
- 56 strRnd += Math.floor(Math.random() * 10);
- 57
- }
- 58
- return strRnd;
- 59
- }
来源: http://www.bubuko.com/infodetail-1985564.html