小白求助localStorage小练习

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

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由什么鬼… 于 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>要写两个，可不可以写一个啊？
小白刚开始学，问题比较菜，求大佬教一教

不二如是 · 发表于 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 ...

谢大佬

账号		自动登录	找回密码
密码			立即注册

小白求助localStorage小练习

马上注册，结交更多好友，享用更多功能^_^

回帖奖励 +1 鱼币

评分