Day_04JavaScript高级

Day04_JavsScript高级部分需要掌握的知识点

​        Ø  使用JS完成图片轮播效果

​        Ø  使用JS完成页面定时弹出广告

​        Ø  使用JS完成表单的校验

​        Ø  使用JS完成表格的隔行换色

​        Ø  使用JS完成复选框的全选效果

​        Ø  使用JS完成省市联动效果

JS的输出

• document.getElementById("").innerHTML="HTML的代码";
• document.write("");
  
  
  

JS的事件

• onfocus: 获得焦点
• onblur ; 失去焦点
• onsubmit :提交的时候
• onload :     触发属性
• onclick   ;鼠标点击某个对象
• onchange:   用户改变域的内容
• andblclick:   双击某个元素的事件
  
  
  

键盘操做事件

• dokeydown ;  键盘按下事件
• onkeyup ;           键盘抬起事件
• onkeypress   :      键盘抬起和放下的过程
  
  
  

鼠标操作事件:

• onmousemove;   鼠标被移动
• onmouseout;     鼠标从某元素移开
• onmouseover;   鼠标被移动到某元素之上
• onmouserdown;   某个鼠标按键被按下
• onmouseup;   某个鼠标按键被松开
  
  
  

步骤分析

---

• 创建一个html文档
• 要去验证的文本框上添加事件
• 触发函数
• 在函数中向文本框后的Html的区域中写入一段提示内容
  
  
  

注意:

• <span> 标签被用来组合文档中的行内元素。他默认和他的外元素在同一行
  
  
  

实现注册框中输入框后自动提示功能

思路: 这里我们需要定义一个捕获焦点的函数,然后将函数内传入不同的参数,一个是ID一个是Content(内容)

DOM文档对象模型DOM的常用操作  * 注意: **整个的HTML文档加载到内存中我们可以称为document对象的文档**获得元素

• document.getElementById();                          通过ID获得元素
• document.getElementsByName();           通过name属性获得元素
• document.getElementByTagName();          通过标签名获得元素
  
  
  

创建元素:

• document.createElement();       ---  创建元素
• document.createTextNode();     ---创建文本
  
  
  

添加节点

• 在某个元素下添加节点  这里我们要注意element,我们不能直接使用,我们是要获取元素,然后用元素来添加节点
  
  
  

• element.appendChild();                 ---在最后添加后一个节点
• element.insertBefore();                  ---   在某个元素之前插入
  
  
  

删除结点

*  element.removeChild();                   ---  删除元素

Day_04JavaScript高级

Day04_JavsScript高级部分需要掌握的知识点

​        Ø  使用JS完成图片轮播效果

​        Ø  使用JS完成页面定时弹出广告

​        Ø  使用JS完成表单的校验

​        Ø  使用JS完成表格的隔行换色

​        Ø  使用JS完成复选框的全选效果

​        Ø  使用JS完成省市联动效果

JS的输出

• document.getElementById("").innerHTML="HTML的代码";
• document.write("");
  
  
  

JS的事件

• onfocus: 获得焦点
• onblur ; 失去焦点
• onsubmit :提交的时候
• onload :     触发属性
• onclick   ;鼠标点击某个对象
• onchange:   用户改变域的内容
• andblclick:   双击某个元素的事件
  
  
  

键盘操做事件

• dokeydown ;  键盘按下事件
• onkeyup ;           键盘抬起事件
• onkeypress   :      键盘抬起和放下的过程
  
  
  

鼠标操作事件:

• onmousemove;   鼠标被移动
• onmouseout;     鼠标从某元素移开
• onmouseover;   鼠标被移动到某元素之上
• onmouserdown;   某个鼠标按键被按下
• onmouseup;   某个鼠标按键被松开
  
  
  

步骤分析

---

• 创建一个html文档
• 要去验证的文本框上添加事件
• 触发函数
• 在函数中向文本框后的Html的区域中写入一段提示内容
  
  
  

注意:

• <span> 标签被用来组合文档中的行内元素。他默认和他的外元素在同一行
  
  
  

实现注册框中输入框后自动提示功能

思路: 这里我们需要定义一个捕获焦点的函数,然后将函数内传入不同的参数,一个是ID一个是Content(内容)

DOM文档对象模型DOM的常用操作  * 注意: **整个的HTML文档加载到内存中我们可以称为document对象的文档**获得元素

• document.getElementById();                          通过ID获得元素
• document.getElementsByName();           通过name属性获得元素
• document.getElementByTagName();          通过标签名获得元素
  
  
  

创建元素:

• document.createElement();       ---  创建元素
• document.createTextNode();     ---创建文本
  
  
  

添加节点

• 在某个元素下添加节点  这里我们要注意element,我们不能直接使用,我们是要获取元素,然后用元素来添加节点
  
  
  

• element.appendChild();                 ---在最后添加后一个节点
• element.insertBefore();                  ---   在某个元素之前插入
  
  
  

删除结点

*  element.removeChild();                   ---  删除元素