请注明：姓名-公司-职位
以便审核进群资格，未注明则拒绝
充实每一天 发表于 2019-4-30 05:59 为什么|学习笔记|好 【加入充实计划】【了解充实计划】
<!DOCTYPE html> <html> <head> <title>ch05_03</title> <link rel="stylesheet" type="text/css" href="color.css"> <script type="text/javascript" > function onLoad(){ inputSpan.style.display='none'; /*隐藏输入框和“提交”按钮 */ if(typeof(Storage) == "undefined"){ alert("Sorry!你的浏览器不支持Web Storage！"); } else{ /*判断姓名是否已存入localStorage，已存入时才执行*/ if(localStorage.username){ /*不存在localStorage.counter数据时，返回undefined */ if(!localStorage.counter){ localStorage.counter = 1; } else{ localStorage.counter++ ; } btn_login.style.display = 'none'; /*隐藏登陆按钮*/ show_LocalStorage.innerHTML = localStorage.username + " 你好，这是你第 " + localStorage.counter + " 次来到网站~！"; } btn_login.addEventListener("click", login); btn_send.addEventListener("click",sendok); btn_logout.addEventListener("click",clearLocalStorage); } } function sendok(){ localStorage.username = inputname.value; location.reload(); /*重载网页*/ } function login(){ inputSpan.style.display = ''; /*显示姓名输入框和“提交”按钮*/ } function clearLocalStorage(){ localStorage.clear(); show_LocalStorage.innerHTML = "已注销成功！"; btn_login.style.display=''; /*显示登陆按钮*/ inputSpan.style.display=''; /*显示姓名输入框和“提交”按钮*/ } </script> </head> <body> <button id="btn_login">登录</button> <button id="btn_logout">注销</button> <img src="images/welcome.jpg" /> <br /> <span id="inputSpan">请输入你的姓名：<input type="text" id="inputname" value=""><button id="btn_send">提交</button></span><br /> <div id="show_LocalStorage"></div><br /> </body> </html> 代码说明 隐藏<div>和<span>组件 inputSpan.style.display='none'; 显示则赋值为''（空字符）就会显示 location.reload(true); //重载网页 计数器localStorage.counter 加1 JavaScript的算术运算符： + - * / %（求余）、++、-- 逻辑运算符： && （逻辑与）、||逻辑或、！逻辑非 "abc" + 456 的结果是 “abc456” “123”+ 456 的结果也是"123456" 用 Number(localStorage.counter) ++ 可以避免出现数字字符相连的错误。 getItem() 取值，如果数据不存在，就返回null，用属性和数组索引方式访问，会返回undefined
tasks: 进程总数 1 running： 正在运行的进程数 121 sleeping: 处于休眠状态的进程数 0 stopped: 停止的进程数 0 zombie： 僵死的进程数 Cpu(s)：0.3%us: 表示用户进程占用CPU的百分比 0.1%sy: 系统进程占用CPU的百分比 0.0%ni: 用户进程空间内改变过优先级的进程占用CPU的百分比 99.3%id: 空闲CPU占用的百分比 0.2% wa: 等待输入、输出的进程占用CPU的百分比 最后两行输出的是内存信息 mem：40599952k total 系统的物理内存大小 4009540k used 已经使用的物理内存大小 50412k free 目前空余内存大小 468964k buffers 用作内核缓冲区的内存大小 swap 8193108k total 交换分区内存大小 另外3个数据分别是已使用、空闲、缓存的交换分区大小 进程信息区 PID USER PR（进程优先级） NI （nice值，负数表示高优先级、正值表示低优先级） VIRT （进程使用的虚拟内存总量，单位KB。 VIRT = SWAP +RES） RES 进程使用的、未被换出的物理内存大小，单位KB。 RES = CODE+DATA，其中CODE为执行代码占用的物理内存大小， DATA为数据占用的内存大小。 SHR 共享内存大小，单位KB S 进程状态（D不可中断的睡眠状态、R运行状态、S睡眠、T跟踪/停止、Z僵死进程） %CPU 上次更新到现在的CPU时间占用百分比 %MEM 进程占用的物理内存百分比 TIME+ 进程总计使用的CPU时间，单位为I/100秒 COMMAND 正在运行进程的命令名或者命令路径
-m 对新建目录设置权限 -p 指定一个路径名称，若路径中的某些目录不存在，加上此选项，系统会自动创建 ---------top命令需要好好体会和实践
扫码加好友，拉您进群
全部版块
我的主页
