随笔分类 -  HTML

html5-canvas01
摘要：<!-- 高宽必须在标签上设置号 --> <canvas width="600" height="300"></canvas> <script> // 获取canvas画布对象 var canvas = document.querySelector("canvas"); //获取绘图上下文 var 阅读全文
posted @ 2021-05-18 11:18 小雨漫漫路 阅读(28) 评论(0) 推荐(0)
HTML5 获取地理位置
摘要：HTML5 获取地理位置 window.navigator.geolocation.getCurrentPosition 获取一次地理位置 window.navigator.geolocation.watchPosition 实时获取地理位置 示例 ​window.navigator.geoloca 阅读全文
posted @ 2021-05-12 11:34 小雨漫漫路 阅读(103) 评论(0) 推荐(0)
HTML5网络状态
摘要：HTML5网络状态 window.navigator.online 返回联网状态 网状状态的事件 window.ononline 当联网时触发 window.onoffline 当网络断开的时候触发 示例 // 返回联网状态 var isInter = window.navigator.onLine 阅读全文
posted @ 2021-05-12 11:23 小雨漫漫路 阅读(80) 评论(0) 推荐(0)
html5-常用api
摘要：html5-常用api document.querySelector("选择器") 选择器：可以是css中任意一种选择器 只能选中第一个元素 document.querySelectorAll("选择器") 返回选中的所有元素 dom.classList.add("类名"); 给当前dom元素添加类 阅读全文
posted @ 2021-05-12 11:00 小雨漫漫路 阅读(101) 评论(0) 推荐(0)
HTML5文件读取
摘要：HTML5文件读取 FileReader 接口有3个读取文件方法 readAsBinaryString 将文件读取成二进制编码 readAsDataUrl --将文件读取成DataUrl readAsText --将文件读取成文本 FileReader提供的事件属性 onabort --中断时触发 阅读全文
posted @ 2021-05-12 10:51 小雨漫漫路 阅读(302) 评论(0) 推荐(0)
HTML5表单新属性
摘要：<!-- 表单属性： autocomplete 是否开启自动补全 novalidate 是否开启表单验证 --> <form id="myForm" action="/test" method="post" autocomplete="on" novalidate> <!-- HTML5新的控件属性 阅读全文
posted @ 2021-05-11 15:49 小雨漫漫路 阅读(58) 评论(0) 推荐(0)
HTML5 video和audio标签的使用
摘要：HTML5 video和audio标签的使用 video的简单应用 src 源文件 controls 显示控制器 autoplay 自动播放 loop 循环播放 示例 <video src="./video/heelo.mp4" controls autoplay loop></video> aud 阅读全文
posted @ 2021-05-11 10:30 小雨漫漫路 阅读(170) 评论(0) 推荐(0)
HTML5语义化标签及兼容IE8以下版本
摘要：HTML5语义化标签及兼容IE8以下版本 nav 导航标签 section 节点标签 header 页眉 头部标签 footer 页脚 底部标签 aside 主内容之外的内容 比如侧栏 article 文章内容标签 main 主内容标签 mark 重要内容标签 details 详细内容标签 summ 阅读全文
posted @ 2021-05-11 10:15 小雨漫漫路 阅读(68) 评论(0) 推荐(0)
cookie与localStorage的应用
摘要：cookie与localStorage的应用 cookie 存储的数据是临时的 可以通过JS设置过期时间 只能存储文本字符串 示例 ​//读取Cookievar listData=getCookie("videolist1");​//判断listData是否存在if(listData!=""){ / 阅读全文
posted @ 2021-04-16 18:22 小雨漫漫路 阅读(91) 评论(0) 推荐(0)