第十六章 HTML5脚本编程
2015-08-23 01:39:19 6 举报AI智能生成
第十六章介绍了HTML5脚本编程的基础知识与应用。首先，本章详细阐述了HTML5的基本结构和语法规则，包括标签、属性和值等基本元素。接着，深入讲解了JavaScript语言在HTML5中的作用和应用，包括事件处理、DOM操作、表单验证等常用功能。此外，还介绍了HTML5中的Canvas和SVG图形绘制技术，以及Web存储和离线应用等高级特性。通过本章的学习，读者能够掌握HTML5脚本编程的基本概念和方法，理解其在网页开发中的重要性和应用价值。
作者其他创作
大纲/内容
跨文档消息传递(XDM)
指在来自不同域的页面间传递消息
核心postMessage()
向另一个地方传递数据
参数：一条消息和发送消息的文档所在域
原生拖放
拖放事件
拖动元素时会依次触发：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()就可播放音频
历史状态管理
history.pushState()
网页可通过"后退"和"前进"按钮进行切换
参数：状态对象，新状态的标题，可选的相对URL
调用该方法会在历史状态栈中创建新状态
history.replaceState()
会重写当前状态
0 条评论
下一页
为你推荐
查看更多
