不管是在同源其他页面还是在本页面都不能触发storage事件。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>web storage 事件</title>
<script>
/**
HTML5 web storage API内建了一套事件通知机制，它可以将数据更新通知发送给感兴趣的监听者。
无论监听窗口本身是否存储过数据，与执行存储操作的窗口同源的每个窗口的window对象上都会触发web stroage事件。 **/
document.addEventListener("storage", function(event){
console.log(event+ "---");
}, false);
window.onstorage = function(event){
console.log('事件是：');
console.log(event);
} </script>
</head>
<body>
<p>name:<input type="text" name="name"/>value:<input type="text" name="value"/><button onclick="setItem()">setItem</button></p>
<p>name:<input type="text" name="name"/><button onclick="getItem()">getItem</button></p>
<p><button onclick="clear()">clear</button></p> </body>
</html>