探索无尽，创新无限
亲爱的同学们： 随着这个学期的结束，我们的HTML5课程也即将落下帷幕。在这段旅程中，我们共同探索了Web开发的无限可能，通过HTML5这一强大的工具，我们得以构建出丰富、交互性强的网页应用。 现在，当…
Chapter10——H5中文件的处理
知识点1：图片拖动到浏览器 在HTML中，超链接图片通常会直接打开，但我们可以通过拖拽的方式将图片保存到浏览器中。这可以通过JavaScript的drag和drop事件来实现。 在代码段1中，我们选取了一个段落元素，并为它…
Chapter9——H5中的拖放API
课后拓展任务： 利用HTML5拖放API：有一个表格，表头不能被拖动，一行为一条记录，当拖动该行任意的一个单元格，整行（整个记录）移动，利用parentNode来捕获该整行记录和insertBefore来插入到被拖放的两行之间。 …
【课程录制】HTML5第九课
课后拓展任务： 利用HTML5拖放API：有一个表格，表头不能被拖动，一行为一条记录，当拖动该行任意的一个单元格，整行（整个记录）移动，利用parentNode来捕获该整行记录和insertBefore来插入到被拖放的两行之间。 …
Chapter8——H5跨页面传输数据、JS中的异常处理和ES6的类
JS中的异常处理： 当我们访问一些网站时，打开开发者工具，我们总能看见一些红色的警告事件，它们的一些是js脚本错误。 看以下代码： <!DOCTYPE html> <html lang="en"> <head> <meta charse…
【课程预告】H5跨页面传输数据、JS中的异常处理和ES6的类
一、H5中的跨页面传递数据： postMessage 方法介绍、如何接收数据（监听message事件及其属性介绍） 1、语法：otherWindow.postMessage(message, targetOrigin, [transfer]); （1）otherWindow：其他窗口的一个引…
【知识补充】同源网页数据传输——Method2
本章源代码下载：点我下载 继Chapter7讲完第一种同源网页传输的方法：超链接，现在引入由本地储存（LocalStorage）和JSON转换来实现同源传输。 这里我们一样通过两个网页来实现： sender.html（发送端） rec…
Chapter7——内嵌网页、可编辑表格和同源网页的数据传输
什么是iframe？ 当我们在查阅手册或使用文档时，左侧通常会有一个列表，右侧则是对应的具体内容。要实现这种效果，我们可以使用iframe（内嵌网页）来实现。 示例图中：红色区域为列表，黄色区域为网页，类似于这…
【课程预告】内嵌网页iframe
HTML <iframe> 标签（引自W3CSCHOOL) 定义和用法 iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 属性（H5标记为HTML5新增属性） 属性 值 描述述 align left right top middle bo…
Chapter6——H5中的Storage和Socket
本章笔记下载：Chapter6——H5中的Storage和Socket 本章：选课系统演示页面：点我跳转 本地储存（localStorage） Cookie: 有容量限制且值只能是字符串类型 Storage: 分为会话级别和本地级别，键值对类型，值只能是…
指导老师：南通职业大学电子信息工程学院 - 陈斌
友情链接：南通职业大学官网 | 电子信息工程学院
Copyright © 职大学习站
苏ICP备2023023379号-3
苏公网安备32060202001085号
友情链接：南通职业大学官网 | 电子信息工程学院
Copyright © 职大学习站
苏ICP备2023023379号-3
苏公网安备32060202001085号