JavaScript02

javascript013


DOM(document object model) 文本对象模型:
JavaScript02_第1张图片 JavaScript02_第2张图片
标签的层次模型:
JavaScript02_第3张图片 JavaScript02_第4张图片
举例::::
JavaScript02_第5张图片


javascript014

javascript014
对window的讲解:
|--window
|--document
|--html
|--head
|--body
|--navigator
总的来说是这么一个层次,window是浏览器打开的一个窗口
JavaScript02_第6张图片
window对象的方法讲解:
JavaScript02_第7张图片
对even事件的讲解
JavaScript02_第8张图片

javascript015
编写一个改变页面字体样式的代码:::
JavaScript02_第9张图片 JavaScript02_第10张图片
获取数据源的两种方式:
1.通过even对象的srcElement属性获得。
2.将事件源通过this传入。
要想获取兄弟节点:
1.直接通过该节点(a节点)获取兄弟节点,这样会出现获取空格节点的问题,所以应该是先获取该节点的父节点,
再通过父节点的方法获取:
var aNode = event.srcElement;
var tdNode = aNode.parentNode;
var divNoe = tdNode.getElementsByTagName("div")[0];

<td>
<a href = "----------">----</>
<div -----></div>
</td>
JavaScript02_第11张图片
表格的动态创建:
JavaScript02_第12张图片
JavaScript02_第13张图片


对表格进行排序:
JavaScript02_第14张图片 JavaScript02_第15张图片
JavaScript02_第16张图片
给表格中的每行添加样式:
JavaScript02_第17张图片
JavaScript02_第18张图片

对下拉列表(select)的操作:
JavaScript02_第19张图片
用鼠标坐标来做出相应的效果:::::
JavaScript02_第20张图片 JavaScript02_第21张图片
开发二级菜单:省份---》城市
JavaScript02_第22张图片

效果如下:
JavaScript02_第23张图片
代码如下::::
JavaScript02_第24张图片 JavaScript02_第25张图片
27.视频重点》》》》

javascript016

对表单数据提交的校验:
JavaScript02_第26张图片 JavaScript02_第27张图片 JavaScript02_第28张图片 JavaScript02_第29张图片


你可能感兴趣的:(JavaScript)