什么鬼… 发表于 2017-2-6 17:58:02

小白求助localStorage小练习

本帖最后由 什么鬼… 于 2017-2-13 11:27 编辑

<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>storage练习</title>
<link rel=stylesheet type="text/css" href="color.css">
<script type="text/javascript">
function onLoad()
{
        if (typeof(Storage)=="undefined")
        {
        alert("你的浏览器不支持storage!");
        }
        else
        {
        btn_save.addEventListener("click",saveToLocalStorage);
        btn_load.addEventListener("click",loadFromLocalStorage);
        }
}

function saveToLocalStorage()
{
localStorage.username=inputname.value;
}

function loadFromLocalStorage()
{
show_LocalStorage.innerHTML=localStorage.username+"你好,欢迎来到我的网页";
}
</script>
</head>
<body>
<body onload="onLoad()">
请输入你的名字:<input type="text" id="inputname" value=""></br>
<div id="show_LocalStorage"></div></br>
<button id="btn_save">存储到localstorage</button>
<button id="btn_load">从localstorage读取数据</button>
</body>
</body>
</html>

表示今天学localStorage,然后书上一上来就是这个例子,然后就看不懂了,求大神解答一下......
1、语句:    show_LocalStorage.innerHTML=localStorage.username+"你好,欢迎来到我的网页";   
这个里面的.innerHTML是什么意思啊,后面的localStorage.username+"你好,欢迎来到我的网页"给前面这个有什么用?
2、语句:    <div id="show_LocalStorage"></div>
这个句子的作用是什么,我自己看完书后自己敲一遍,然后这一句忘了写,然后就不会打印出问好的句子,但是完全不理解为什么会这样...
3、为什么<body>要写两个,可不可以写一个啊?
小白刚开始学,问题比较菜,求大佬教一教{:10_266:}

不二如是 发表于 2017-2-8 17:33:21

问题1 - 这个是Java用法,就是整句相当于赋值操作,输出{ 本地用户名 +“你好,欢迎来到我的网页”}

innerHTML 属性是设置或返回表格行的开始和结束标签之间的 HTML。

问题2 - div是区块,如果你连区块都不知道是什么,你问的就没有任何意义区块教程

这条语句,就是开一个id叫“show_LocalStorage"”的区块,用来本地存储,通过本地存储(Local Storage),web 应用程序能够在用户浏览器中对数据进行本地的存储。

问题3 - 两个body,是因为使用onload了,事件会在页面或图像加载完成后立即发生。因为用Java样式调用function onLoad(){}

不建议合并写

什么鬼… 发表于 2017-2-13 11:25:50

不二如是 发表于 2017-2-8 17:33
问题1 - 这个是Java用法,就是整句相当于赋值操作,输出{ 本地用户名 +“你好,欢迎来到我的网页”}

inn ...

谢大佬{:10_257:}
页: [1]
查看完整版本: 小白求助localStorage小练习