HTML5
文章平均质量分 62
猫爷001
这个作者很懒,什么都没留下…
展开
-
简易播放器练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简易播放器</title> <style type=""> #container{width: 380p原创 2018-09-30 23:39:32 · 199 阅读 · 0 评论 -
AJAX的应用
AJAX的原理 --Asynchronous JavaScript and Xml异步的JavaScript和Xml--AJAX是一种用来改善用户体验的技术,实质是使用XMLHttpRequest对象异步的向服务器发请求--服务器返回部分数据,而不是一个完整的页面,以页面无刷新的效果更改页面中的局部内容 再使用AJAX之前,首先要创建XMLHttpRequest对象...原创 2018-12-11 15:25:45 · 336 阅读 · 0 评论 -
HTML5 高级canvas绘制图像
绘制图像 HTML5中,使用canvas绘制图形,也可以读取磁盘或网络中的图像文件,使用canvas API将图像绘制在画布中 绘制图像使用的是drawImaage方法语法:--drawImage(img,x,y) img:可以是image元素,video元素,js中的Image对象 x:起始横坐标 ...原创 2018-10-09 16:44:05 · 1018 阅读 · 0 评论 -
HTML5高级之多媒体(视频、音频)
视频处理 Video Video 元素--Video元素可以进行简单的视频播放功能,这个元素只有几个属性,包括属性和默认设置--Video元素中可以包含source元素,这些元素为浏览器提供了不同是视频源,浏览器根据source标签,然后根据所支持的格式,选择播放的文件语法:<video id = "medios" width = "300">...原创 2018-09-29 23:01:28 · 532 阅读 · 0 评论 -
HTML事件绑定第三个参数true和flase的区别
绑定事件的语法: elem.addEventListener("事件名",回调函数,true/false); <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件的冒泡和阻止</原创 2018-09-29 15:12:39 · 1591 阅读 · 0 评论 -
HTML5高级之新增form表单中的新API、新事件(带示例)
HTML5中新增的API方法 --setCustomValidity() 定制验证信息--checkValidity() 实现表单验证 (1)setCustomValidity()--如果浏览器提交了一个包含无效的表单,支持HTML5的浏览器会显示一条错误信息--使用setCustomValidity()可以定制化验证消息-...原创 2018-09-29 15:08:59 · 1398 阅读 · 0 评论 -
HTML5 高级之canvas 绘制图形
canvas是HTML5中新增的标签,像所有dom一样,拥有自己的属性、方法、和事件,其中就有绘图的方法,js能够调用它在网页上完成绘图。canvas也是HTML5中最强大的特性之一,允许开发者使用动态和交互式方法在web上实现桌面应用程序的功能 canvas元素会在网页上创建一个空白区域,然后通过API操作这个区域,与空白的div元素相似,用途完全不同 语法:<c...原创 2018-10-06 23:39:18 · 5815 阅读 · 2 评论 -
HTML5高级之新增form表单中的类型、属性、元素(带示例)
在HTML5中新增了很多from表单中使用的输入类型,我理解使用的记录一下! --邮箱验证:email--网址验证:url--电话号码验证:tel--数字验证:number--查找:search--日期选择:date--选择周:week--选择月:month--日期和时间:datetime 非本地时间--日期和时间:fatetime-local...原创 2018-09-27 17:18:44 · 3769 阅读 · 0 评论 -
HTML5高级之Web存储(带示例)
Web存储浏览器保存数据 cookie 和服务器的session HTML5新增的web存储 --localStorage特点:长时间保存用户数据 --sessionStorage特点:浏览器当前窗口有效(如果浏览器当前窗口关闭,sessionStorage中的所有数据都会被清空) API使用方法:----------setIte...原创 2018-10-11 22:21:25 · 1482 阅读 · 0 评论 -
HTML5高级之拖拽drag
Web拖放 --在桌面应用程序上,可以将元素从一个位置拖放到另外一个位置,但在web上,没有一种能够实现这种操作的标准技术,从而在web上去实现这个功能并不容易--在HTML5标准引入了拖放API,从而使我们有可能开发出与桌面应用程序完全相同的web应用程序 一,源元素事件 执行以下方法,需要先阻止默认行为 e.preventDefault() -...原创 2018-10-11 09:54:22 · 1084 阅读 · 0 评论 -
javascript解析XML文档和XML字符的方法
XML一种带标签的数据存储格式,需要特殊的解析,前后端都可以解析,不同的语言不同的解析办法,这里记录的是javascript中的解析方法 也是利用XMLHttpResquest对象来解析 不同的浏览器,对象不同,主要是针对IE5.5和6的区别 下面是解析XML文档的例子: 1、person.xml <person> <...原创 2018-12-12 09:37:48 · 1588 阅读 · 0 评论