HTML5_节点对象-事件穿透

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/itszt888/article/details/76913126

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(加群请备注在哪里看到我们的群)在群里面随时会更新一些我们的课程视频以及开班动态

善知教育学习视频大汇总

展开阅读全文

没有更多推荐了,返回首页