• 【JAVAWEB学习笔记】04_JavaScript


    晨读单词:

    onmouseover:鼠标移入

    onmouseout:鼠标移出

    attribute:属性

    node:节点

    document:文档

    element:元素

    textNode:文本节点

    append:追加

    回顾之前已经使用过的事件:

    onfocus/onblur:聚焦离焦事件,用于表单校验的时候比较合适。

    onclick/ondblclick:鼠标单击和双击事件

    onkeydown/onkeypress:搜索引擎使用较多

    onload:页面加载事件,所有的其它操作(匿名方式)都可以放到这个绑定的函数里面去。如果是有名称,那么在html页面中只能写一个。

    onmouseover/onmouseout/onmousemove:购物网站商品详情页。

    onsubmit:表单提交事件 ,有返回值,控制表单是否提交。

    onchange:当用户改变内容的时候使用这个事件(二级联动)

     

    javascriptDOM操作:

     

    Document:整个html文件都成为一个document文档

    Element:所有的标签都是Element元素

    Attribute:标签里面的属性

    Text:标签中间夹着的内容为text文本

     

    Node:documentelementattributetext统称为节点node.

     

    以下两个方法很重要,但是在手册中查不到!

    创建文本节点:document.createTextNode()

     

    创建元素节点:document.createElement()

     

     

    使用JS完成表格的一个隔行换色

    1.需求分析

    我们希望在后台页面中实现一个隔行换色的效果显示所有的用户信息,显示效果如下:

     

    2.技术分析

    新标签的学习

        <thead>

           <tr>

               <th></th>

    </tr>

    </thead>

        <tbody>

           <tr>

               <td></td>

    </tr>

    </tbody>

     

    确定事件(页面加载事件onload)

     

    获取元素:获取表格(document.getElementById()),最终是为了获取表格中tbody里面的行数(长度)

     

    Tbody里面的行数(rows.length)

     

    JS的遍历(for循环)

     

    获取奇数行和偶数行(对遍历中角标对2取余)

     

    设置背景颜色(.style.backgroundColor)

    作者: kent鹏

    出处: http://www.cnblogs.com/xieyupeng/

    关于作者:专注JAVAEE领域,请多多赐教!

    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。

  • 相关阅读:
    程序员面试中有几大法则
    实现立方体旋转
    为什么技术与产品沟通起来总是那么痛苦
    移动互联网下半场的面试真经,让你进入 BAT 不再是梦
    Javascript+H5实现打小地鼠游戏
    Python多进程应用
    Python数据分析笔记:聚类算法之K均值
    给新手程序员的16个工作必备小妙招,省下时间去LOL吧!
    MySQL数据库开发常见问题及优化
    java中的四种引用类型
  • 原文地址:https://www.cnblogs.com/xieyupeng/p/6728630.html
Copyright © 2020-2023  润新知