Js_Dom
文章平均质量分 90
Richard_xx
生命不息,学习不止,与诸君共勉~~~
展开
-
Js_Dom(1)__Dom基础<对象和document>
在学习Dom之前我们先了解一个概念,文档树~~~文档树节点HTML DOM将 HTML文档视作树结构。这种结构被称为节点树HTML 文档中的所有内容都是节点1.整个文档是一个文档节点2.每个 HTML元素是元素节点3.HTML元素内的文本是文本节点4.每个 HTML属性是属性节点5.注释是注释节点 节点原创 2017-08-08 18:51:17 · 397 阅读 · 1 评论 -
Js_Dom(2)__Dom基础<方法(重点)>
1.getElementById() 返回带有指定ID的元素//得到元素对象后就可以获取和更改对象的属性根据指定的 id 属性值得到对象。返回 id 属性值对应的第一个对象的引用。假如对应的为一组对象,则返回该组对象中的第一个。 如果无符合条件的对象,则返回 null var test=document.getElementById(‘test’) 2.getElementsB原创 2017-08-08 18:57:58 · 313 阅读 · 0 评论 -
Js_Dom(3)__Dom基础<节点常用属性方法和table>
1.文档节点(document)属性:all文档中所有HTML元素集合//例document.all[2]anchors文档中所有锚点对象集合forms文档中所有form对象集合images文档中所有img对象集合body,cookie,domain,lastModified,referrer,title,URL方法:getElementById()返回对拥原创 2017-08-08 19:06:17 · 344 阅读 · 0 评论 -
Js_Dom(4)__Dom基础<回流与重绘>
1.页面呈现过程不同的浏览器略微会有些不同。但基本上都是类似的①.浏览器把html代码解析成1个Dom树,html中的每个tag都是Dom树中的1个节点,根节点就是我们常用的document对象。dom树就是html结构,里面包含了所有的html tag,包括用JS添加的元素。 ②浏览器把所有样式(主要包括css和浏览器自带的样式设置)解析成样式结构体,在解析的过程中会原创 2017-08-08 19:15:36 · 567 阅读 · 0 评论 -
Js_Dom(5)__Dom基础<事件event>
鼠标事件1.事件onclick 单击对象(按下松开)ondblclick 双击对象onmousedown 在对象上按下时onmouseup 按下,在对象上松开时onmousemove 鼠标在对象上移动时onwheel 鼠标滚动时onmouseover 鼠标指针穿过被选元素或其子元素区域onmouseout 鼠标指针离开被选元素或者子元素区域onmouseen原创 2017-08-09 14:54:39 · 342 阅读 · 0 评论 -
Js_Dom(6)__Dom基础<Bom,window,计时器以及空野指针>
BOM对象BOM是browser object model的缩写,简称浏览器对象模型由一系列功能的对象构成,核心对象是windowBOM缺乏标准(不过所有浏览器都支持),JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C//一定要记住,BOM不是W3C的标准模型windowwindow对象是BOM的顶层(核心)对象,所有对象都是通原创 2017-08-09 15:03:27 · 394 阅读 · 0 评论 -
Js_Dom(7)__Dom基础<Dom的12种节点(转载)>
12种DOM节点类型概述DOM是javascript操作网页的接口,全称为文档对象模型(Document Object Model)。它的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容)。浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组成一个树状结构。DOM的最小组成单位叫做节点(node),文档的转载 2017-08-09 15:13:53 · 370 阅读 · 0 评论 -
Js_Dom(8)__Dom基础<画布canvas>
canvas标签1.Canvas是HTML5提供的一个标签,我们可以在这个盒子区域绘画2.怎么绘画的呢?canvas对象有个一个方法可以让我们获取到一个CanvasRendderingContext2D对象,这个对象给我们提供了在canvas盒子上画图的功能.3.不是所有的浏览器都支持canvas标签,几乎所有智能手机都支持这个标签4.canvas市场:游戏,广告,动画,数据图形结原创 2017-08-09 15:20:08 · 715 阅读 · 0 评论 -
Js_Dom(9)__Dom基础<Ajax请求>
什么是AJAXAJAX 是一种用于创建快速动态网页的技术传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面AJAX通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等等底层原理:原创 2017-08-09 15:30:47 · 609 阅读 · 0 评论