一、H5中的跨页面传递数据： postMessage 方法介绍、如何接收数据（监听message事件及其属性介绍） 1、语法：otherWindow.postMessage(message, targetOrigin, [transfer]); （1）otherWindow：其他窗口的一个引用，比如iframe的contentWindow属性、执行window.open返回的窗口对象、或者是命名过或数值索引的window.frames。 （2）message：将要发送到其他 window的数据。它将会被结构化克隆算…
本章源代码下载：点我下载 继Chapter7讲完第一种同源网页传输的方法：超链接，现在引入由本地储存（LocalStorage）和JSON转换来实现同源传输。 这里我们一样通过两个网页来实现： sender.html（发送端） receiver.html（接收端） 首先引入一个div标签做整体框架，之后p标签用来提示用户传递的消息内容，引入一个文本框和提交按钮；代码如下： [qzdypre] <div> <p>请输入要传递的消息：</p> <input typ…
什么是iframe？ 当我们在查阅手册或使用文档时，左侧通常会有一个列表，右侧则是对应的具体内容。要实现这种效果，我们可以使用iframe（内嵌网页）来实现。 示例图中：红色区域为列表，黄色区域为网页，类似于这种布局，我们可以通过iframe来实现。 实现思路 为了实现这种布局，我们可以通过以下三个div元素来实现。首先，在最外层套上一个div元素（container），将其作为包裹整个区域的容器。接着，第二个div元素使用左侧浮动来作为目录（列表），其中包含所需的链接。最后，第三个div元素则浮动在右侧，并在其中…
HTML <iframe> 标签（引自W3CSCHOOL) 定义和用法 iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 属性（H5标记为HTML5新增属性） 属性 值 描述述 align left right top middle bottom 不赞成使用。请使用样式代替。 规定如何根据周围的元素来对齐此框架。 frameborder 1 0 规定是否显示框架周围的边框。 height pixels % 规定 iframe 的高度。 longdesc URL 规定一个页…
jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。 ——摘自W3CSCHOOL（jQuery使用教程） bootstrap使用教程网站 jquery-3.4.1（下载） bootstrap-5.3.0-alpha1-dist（下载）
JDBC下载：JDBC.zip下载点我（解压后才可导入IDEA） Navicat for MYSQL下载：navicat for mysql下载 在学习Java Web中，需要连接数据库。 数据库访问是通过Java数据库连接实现的，一种是通过JDBC驱动程序直接连接数据库，另一种是通过连接数据池技术连接数据库。 怎么安装JDBC呢？ 首先，安装如果完整版的MySql的话，则会自动给你下载JDBC 在此电脑——C盘文件中的Program Files(x86)（部分同学不一定在C盘，以自己安装的目录为准）…
本章笔记下载：Chapter6——H5中的Storage和Socket 本章：选课系统演示页面：点我跳转 本地储存（localStorage） Cookie: 有容量限制且值只能是字符串类型 Storage: 分为会话级别和本地级别，键值对类型，值只能是字符串类型 setItem("key","value"): 添加或替换键值对（不存在则添加） getItem(key): 返回特定键的值 会话级别: 数据存在于页面浏览时，但关闭页面后消失 本地级别: 数据可以在不同页面间共享，即使页面关闭后再次访问仍可以取出数据…
