HTML5_节点对象-事件穿透

1、 创建元素

2、 创建文本节点

3、 创建注释

4、 创建文档片段

5、 插入节点


6删除节点

7替换节点

8-Img对象

9-table对象

10-select对象

不同的手机系统显示的下拉菜单是不一样的，比如安卓和苹果

11–option对象

12、form对象

13、input对象

1、 BOM模型

（1） window对象

s-相对于电脑屏幕左上角
c-相对于页面左上角（不包括滚动条）
p-相对于页面左上角（包括滚动条）
offset—相对于一个东西的位移量

例1、

谷歌可用，火狐不可用
例2
打开新窗口的两种写法

例3
在自身窗口打开

（2）窗口



例1

例2

结果创建一个新的百度窗口，宽高是200x200，第一个参数是地址，第二个参数是窗口名。、，第三个是宽高。

（3）对话框

（4）定时器

注|||settimeout与setinterval区别是前者只能用一次
（5）


（6）location对象


reload常用

（7）history对象


back和go(-1)是一样的，都是返回历史记录中上一个页面
(8)screen对象

（9）媒体查询（以后会讲）

打开窗口分辨率若满足范围就执行里面的代码

2、 事件穿透
（1）穿透例子


点蓝色先显示小的，再显示大的，点红色显示大的。这是因为事件穿透，因为蓝色在红色的内部。

（2） 阻止穿透

此时，先显示，再弹窗，再消失
（3）后者cancelBubble是兼容IE

后者cancelBubble是兼容IE，前者是兼容非IE
3、 设置关键词

在meta中设置keyword,不同关键词之间用逗号隔开。

---

关于善知教育（官网：善知教育（点击进入） 微信公众号：善知技术）
地址：北京东燕郊经济技术开发区文化大厦
咨询老师郑老师 电话/微信：13315631002 QQ:1939441377
目前我们开设Java服务器Html5前端网页Android移动端PHP服务器，有全日制班有周末班;
学费优惠至8480!!!!
我们的优势：

• 基础课程一个月免费学,全程面授;
• 平均就业薪资10000-15000;
• 免费重听，跨学科免费学习;
• 5-5.5个月大容量技术授课;
• 0学费0基础入学，海量项目实训, 弹性教学制度;
• 大部分学生找到月薪10k以上薪资工作, 项目实训自然终止;
• 课程全程视频录制,偶尔耽搁也不担心;
• 学习途中随时可以无理由退费根据学生情况;
• 灵活安排授课时间，一个科目学不会可以免费学习另一个科目;
• 全日制班，周末班，网上授课同时进行;
• 技术交流QQ群：198983438（加群请备注在哪里看到我们的群）在群里面随时会更新一些我们的课程视频以及开班动态

善知教育学习视频大汇总

• 善知教育石老师Java视频的网盘地址http://pan.baidu.com/s/1eQ0JHi6
• 善知教育吕老师Java视频http://pan.baidu.com/s/1i44RTjR
• 善知教育武老师Html5视频http://pan.baidu.com/s/1hsGGKnE
• 善知教育石老师Android知识点http://pan.baidu.com/s/1hsBpOQo