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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容