HTML5（二）

Paste_Image.png

一、data自定义数据

Paste_Image.png

例子
data-name:

Paste_Image.png

Paste_Image.png

data-name-first:

Paste_Image.png

Paste_Image.png

二、延迟加载JS

Paste_Image.png

defer=”defer”:等所有加载完后再去加载它

Paste_Image.png

三、历史管理

Paste_Image.png

Paste_Image.png

随机取数的例子：

Paste_Image.png

Paste_Image.png

使用历史事件需要这样：（第一种方法）（substring减法）

Paste_Image.png

现在的随机数

Paste_Image.png

后退一步的随机数

Paste_Image.png

另外一种方法：（pushstate输出、onpopstate输入）

Paste_Image.png

现在的随机数

Paste_Image.png

后退一步的随机数

Paste_Image.png

拖放事件

Paste_Image.png

Paste_Image.png

例子
（拖放事件）

Paste_Image.png

Paste_Image.png

（目标元素事件）

Paste_Image.png

Paste_Image.png

注意事项

Paste_Image.png

拖放事件，解决火狐下的问题

Paste_Image.png

（ev.dataTransfer.setData(‘name’,’hello’);设置信息）
（ev.dataTransfer.getData(‘name’);获取数据）

Paste_Image.png

Paste_Image.png

（删除事件：removeChild();）

Paste_Image.png

Paste_Image.png

往后还会继续更新h5知识，谢谢阅读本人的文章，若有什么需要改正的，请指正，本人乐意改善

本文作者lilyping
越努力，越幸运
原文链接：https://www.jianshu.com/u/3908e601f4ec
微信公众号：BestLilyPing
github:https://github.com/lilyping
Demos源码地址：https://github.com/lilyping