HTML and CSS Reference
In-Depth Information
Hier der Code zum eben dargestellten Beispiel:
<!
Storage: storage events
Sven Haiges / Markus Spiering
>
<!DOCTYPE>
<html>
<head>
<title>HTML5</title>
<meta name "layout" content "webkit" />
<style type "text/css" media "screen">
</style>
<script src "${resource(dir:'js',file:'modernizr 1.1.min.js')}"
type "text/javascript"></script>
<script>
(function my() {
var $i {};
$i.init function()
{
if(!Modernizr.sessionstorage)
{
alert('NosessionStorage!');
return
}
window.addEventListener('storage',function(e){
var msgNode, msg '';
msgNode document.getElementById('message');
msg + 'StorageArea: ' + ((e.storageArea localStorage) ?
"localStorage" : "sessionStorage") + '<br/>';
msg + 'Document URL: ' + e.url + '<br/>';
msg + 'Key: ' + e.key + '<br/>';
msg + 'OldValue: ' + e.oldValue + '<br/>';
msg + 'NewValue: ' + e.newValue + '<br/>';
msgNode.innerHTML msg;
},true);
//add
document.getElementById('add').addEventListener('click',
function(e){
sessionStorage.setItem('myKey',newDate().toString());
},true);
document.getElementById('clear').addEventListener('click',
function(e){
sessionStorage.clear();
},true);
};
