点击"清空"按钮为何没反应啊？

琴岛狐 · 发表于 2016-12-26 12:03:38

老师，我在练习《H5 App 商业开发实战教程》一书所给出的例子，其中的例子208.html（在p.77）如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>清空/保存数据</title>
<link href="CSS208.css" rel="stylesheet" type="text/CSS">
<script type="text/javascript" language="jscript" src="D:\website\js208.js" >
</script>
</head>
<body>
<input id="btnAdd" type="button" value="增加数据"
class="inputbtn" onClick="btnAdd_Click();">
<input id="btnDel" type="button" value="清空数据"
class="inputbtn" onClick="btnDel_Click();">
<p id="pStatus"></p>
</body>
</html>

=====================================================
下面是相应的js208.js的代码：

// JavaScript Document
function $$(id) {
return document.getElementById(id);
}

var intNum = 0;

//单击"增加"按钮时调用
function btnAdd_Click() {
for (var intI = 0; intI <= 7; intI++) {
var strKeyName = "strKeyName" + intI;
var strKeyValue = "strKeyValue" + intI;
localStorage.setItem(strKeyName, strKeyValue);
intNum++;
}
$$("pStatus").style.display = "block";
$$("pStatus").innerHTML = "已成功保存<b>" + intNum + "</b>条数据记录！";
}

//单击"清空"按钮时调用
function btnDel_Click() {
localStorage.clear();
$$("sStatus").style.display = "block";
$$("pStatus").innerHTML = "已成功清空全部数据记录！";
}

两个文件均创建在D:\website文件夹下。在dreamWeaver中运行后点击"增加数据"有反应，而点击"清空数据"却毫无反应，Why? 谢谢！

半导体 · 发表于 2016-12-26 14:03:39

$$("sStatus").style.display = "block";
应该是$$("pStatus").style.display = "block";吧

琴岛狐 · 发表于 2016-12-27 09:59:11

是我打错了，谢谢老师指点！

半导体 · 发表于 2016-12-27 13:42:38

琴岛狐发表于 2016-12-27 09:59
是我打错了，谢谢老师指点！

客气啦细心点就好了
一般如果你是照着教材来的是不会报错的教材都是经过审核然后才发版的准确率还是很高的

		自动登录	找回密码
密码			注册

[处理中4] 点击"清空"按钮为何没反应啊？