Day20 Web前端 (3)JavaScript

 (3)JavaScript

 一.页面定时弹出广告

  1. 定时器
    1. setInterval("test()",3000):每隔多少毫秒执行一次函数
    2. setTimeout("test()",3000):多少毫秒之后执行一次函数
    3. timerID   上面定时器调用之后都会返回一个唯一的ID
    4. clearInterval(timerID):
    5. clearTimeout(timerID):
  2. 切换图片
    img.src = "图片路径"
  3. 事件:文档加载完成的事件 onload事件
        显示广告 img.style.display = "block"
        隐藏广告 img.style.display = "none"

二.表格的隔行换色

  1. 获得所有行  table.rows[ ]
  2. 修改行的颜色
    row.bgColor = "red"
    row.style.backgroundColor = "black"
    row.style.background = "red"
    "background-color:red"
    "background:red"
  3. JS开发步骤
    1. 确定事件
    2. 事件要触发函数:定义函数
    3. 函数通常都要去做的一些交互:点击,修改图片,动态修改innerHTML属性...innerTEXT

  4. onchange事件

三.复选框的全选效果

  1. checked属性
  2. 如何获取所有的复选框
    document.getElementsByName

四.省市联动效果

  1. JS中的数组:[城市]
  2. DOM树操作:
    1. 创建节点:document.createElement
    2. 创建文本节点:document.createTextNode
    3. 添加节点:appendChild
  3. 选择其他省时,先将市清空,citySelect.options.length = 0;

五.下拉列表左右选择

  1. select下拉列表
  2. multiple允许多选
  3. ondbclick 双击事件
  4. for循环遍历,一边遍历一边移除出现的问题,解决办法:倒序遍历
  5. <    小于号是<       less  than
    >    大于号是>     greater than

六.表单的校验

  1.  事件:
    1. 获得焦点事件:onfocus
    2. 失去焦点事件:onblur
    3. 按键抬起事件:onkeyup
    4. 鼠标移入:onmouseenter
    5. 鼠标移出:onmouseout
    6. onsubmit = “return checkForm()”           比较特殊,必须有返回值
    7. 引入一个外部js文件

你可能感兴趣的:(前端部分)