本章笔记下载：Chapter6——H5中的Storage和Socket 本章：选课系统演示页面：点我跳转 本地储存（localStorage） Cookie: 有容量限制且值只能是字符串类型 Storage: 分为会话级别和本地级别，键值对类型，值只能是字符串类型 setItem("key","value"): 添加或替换键值对（不存在则添加） getItem(key): 返回特定键的值 会话级别: 数据存在于页面浏览时，但关闭页面后消失 本地级别: 数据可以在不同页面间共享，即使页面关闭后再次访问仍可以取出数据…
继Chapter3学习了注册页面的学习后，我们还未对保存按钮实现作用，下午的课将会利用cookie技术储存数据。 网络存储 简述 1、HTML 中，为了在本机存储用户数据，通常使用 JavaScript cookie。HTML 5 开始引入了 Web 存储，网站利用它在本机上存储用户数据。 2、cookie中每条cookie的存储空间为4k，localStorage 中一般浏览器支持的是5M大小 3、与 Cookie 相比，Web 存储的优点是：◈ 更安全 ◈ 更快 ◈ 能存储更多的数据 4、有两种类型的 Web …
本章演示实例：点我跳转 Fetch的第二参数 fetch（url,{对象}(可选)) [qzdypre] {对象}：{ method:'get/post' headers: } [/qzdypre] 异步请求图片 实现类似于淘宝网的实际案例（网站预加载小图片，当鼠标悬停在小图片上，加载大图片） 案例代码： [qzdypre] <!DOCTYPE html> <htmHl lang="en"> <head> <meta charset="UTF-8"> <titl…
课后拓展任务（参考代码在群内，仅供参考）： 验证register.html中数据的准确性（具体步骤的实现）： 4个框 需要4个boolean 通过设置为true不通过则设置为false 当单击提交按钮时 触发submit事件 需要校验4个事件是否都为true，如都为true则发送，否则需要阻止submit事件（默认行为）。 html 页面的同步与异步（ajax） 同步加载（刷新）：每次刷新的是整个页面的数据 异步加载（刷新）：每次刷新的是整个页面的部分数据 举例：淘宝网的小缩略图，当鼠标悬停在小图中，会在旁边跳出一…
注册页面效果浏览：点我跳转 H5中新增的三个元素：<header><main><footer> forEach的使用方法 任何数组都可以使用forEach方法，但需要传递一个函数作为参数，这个函数被称为回调函数。 格式如下： [qzdypre] forEach(function(当前元素,当前索引,整个数组){ console.log(cur,idx,arr); }); [/qzdypre] 演示效果图： 当使用 `forEach` 方法时，function 回调函数可以接受三个…
笔记附件：Chapter2-form表单的制作 点击后方网址跳转本文实例：http://ntvu.love:88/chapter2/ GET和POST的区别？ 如果在method中不指定，那么默认值为GET。 GET是数据附加在请求头（url）上，数据量较小，也不如POST安全 POST是数据附加在文本（正文）里，数据量较大，相对于GET较安全 form表单的创建 <form></form> 是成对标签，需要设置id和name来方便后期捕获表单及其中的数据。method属性分为GET和POS…
本章附件：chapter5 事件 事件 注册事件处理程序与取消事件处理程序 注册html事件： <tag on事件名=”javascript代码|函数调用”> DOM事件 注册： 对象.on事件名= ”函数名|匿名函数|箭头函数” 对象.addEventListener(“事件名”,“函数名|匿名函数|箭头函数”) DOM事件除了event对象外，无法传额外的参数。 取消： 对象.on事件名=null 对象.removeEventListener(“事件名”，…
本章附件：chapter4 DOM基础 DOM基础 一个HTML文档可以看成由有层次的节点组成的节点树，其中<html>元素是根节点，它有2个子节点<head>和<body>。节点是有类型的，常用的节点类型是元素节点、文本节点和属性节点。 nodeName nodeValue nodeType 元素节点 标记名 null 1 文本节点 #text 文本的内容 3 属性节点 属性名 属性值 2 捕获元素 在document上可以调用的get…
