第十六章 HTML5脚本编程
2015-08-22 23:55:30 7 举报AI智能生成
第十六章介绍了HTML5脚本编程。HTML5是最新的HTML标准，它引入了许多新的元素和属性，以支持更丰富的Web应用程序。其中最重要的新特性之一就是脚本编程。通过使用JavaScript，开发人员可以在网页上创建交互式应用程序，实现动态内容更新、表单验证等功能。本章将详细介绍如何使用JavaScript编写脚本，包括基本语法、数据类型、函数、对象等概念。此外，我们还将探讨如何使用HTML5提供的Canvas API绘制图形，以及如何使用Web存储API在客户端存储数据。总之，第十六章将为读者提供有关HTML5脚本编程的全面介绍，帮助他们掌握这一强大的工具。
作者其他创作
大纲/内容
原生拖放
拖放事件
拖动元素时会依次触发：dragstart、drag、dragend
当拖动元素到有效目标上时,会触发：dragenter,dragover,dragleave/drop
把任何元素变成有效的放置目标，可重写dragover,dragenter,drop的默认行为
dataTransfer对象
在拖动操作时实现数据(字符串格式)交换
方法
setData()
getData()
获取由setData()保存的值(各种MIME类型/text/URL)
属性
dropEffect
可知道被拖动元素能够执行哪种放置行为
该属性只有搭配effectAllowed才有效
该属性的值为：none/move/copy/link
effectAllowed
表示允许拖动元素的哪种dropEffect
draggable属性
表示元素是否可拖动，布尔值
媒体元素
使用方式
在标签中放src属性，指向要加载的媒体文件，可在标签中加上controls属性，方便媒体操作
在标签内使用元素，指定多个不同媒体来源
canPlayType()
检测浏览器对编解码器的支持情况
返回值为：probably/maybe/""(空字符串,false)
Audio类型
创建Audio的实例并传入音频源文件，即可下载文件，调用play()就可播放音频
跨文档消息传递(XDM)
指在来自不同域的页面间传递消息
核心postMessage()
向另一个地方传递数据
参数：一条消息和发送消息的文档所在域
历史状态管理
history.pushState()
网页可通过"后退"和"前进"按钮进行切换
参数：状态对象，新状态的标题，可选的相对URL
调用该方法会在历史状态栈中创建新状态
history.replaceState()
会重写当前状态
0 条评论
下一页
为你推荐
查看更多
