2016-09-27 141 views
1

点击“清除存储”按钮后,我有以下html代码清除网络存储数据。onclick永不执行功能

资源管理器(chrome和firefox)在点击清除存储按钮后从未触发该功能。

的代码是:

<html> 
<head> 
<script> 

function clear() { 
    console.log(); 
    localStorage.clear(); 
    refreshContents(); 
    alert("all cache data cleared!"); 
} 

function refreshContents() { 
var str = ""; 

alert("in refresh"); 
for (var i = 0, len = localStorage.length; i < len; i++) { 
    var k = localStorage.key(i); 
    var v = localStorage.getItem(k); 
    str += "'" + k + "' = '" + v + "'<br />"; 
} 
alert("after for loop"); 
key.value = ""; 
value.value = ""; 
content.innerHTML = str; 
} 
</script> 
</head> 
<body> 
<div class="content"> <!-- end .content --> 
<p>This is the logout page.</p> 
<p>All temporary data will be erased after logout.  
<p>&nbsp;</p> 
<input type="button" onclick="clear();" value="Clear Storage" />&nbsp; 
Contents of Local Storage:<br /> 
<span id="content"></span> 
</body> 
</html> 

有人可以帮助请。 在此先感谢!

+0

尝试将名称更改为'clearStorage' – Tushar

回答

-2
<script type="text/javascript"> 
function clear() { 
    console.log(); 
    localStorage.clear(); 
    refreshContents(); 
    alert("all cache data cleared!"); 
} 

function refreshContents() { 
var str = ""; 

alert("in refresh"); 
for (var i = 0, len = localStorage.length; i < len; i++) { 
    var k = localStorage.key(i); 
    var v = localStorage.getItem(k); 
    str += "'" + k + "' = '" + v + "'<br />"; 
} 
alert("after for loop"); 
key.value = ""; 
value.value = ""; 
content.innerHTML = str; 
} 
</script> 

更新脚本标签

我觉得这一个帮助你

+0

否。JavaScript是默认类型,从HTML 5开始,type属性是可选的。当你编写JavaScript时,它唯一做的事就是让你有机会犯一个错字并破坏脚本。 – Quentin

0

更改函数名并获得成功。只需将您的函数名称从clear更改为clearABC即可。

function clearABC() 
{ 
} 

这则讯息的原因:is clear a reserved word in javascript

希望这有助于 干杯

编码愉快!