A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 g207776411 于 2018-5-9 17:10 编辑

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();                   ---  删除元素

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马