Web(四)

1.案例一: 表格的隔行换色显示 - 需求管理平台
知识点:
1.获得元素
document.getElementById(id); --> 只能获得一个
getElementsByName(name属性的值) --> 获得多个
getElementsByTagName(tr)
getElementsByClassName(class)
2.table 标签中的属性
rows[] tBodies[] cells[]
3.this表示当前事件的对象
4.动态添加事件
JS获得元素.onclick = function() {}
5.Element属性操作的方法
element.setAttribute(“属性名”, 属性值)
element.getAttribute(“属性名”)

  标签中的属性: 固有属性 href src bgColor
              自定义属性 color1 size1 -> 作用就是存取数据
6.Element相关方法和属性
    element.appendChild()
    element.removeChild()
    element.childNodes
    element.firstChild
    element.lastChild
    element.parentNode

2.案例二:
1.checkbox的选中状态
checked属性[true,false]
3.案例三: 省市二级联动
1.事件onchange, select域内容的改变触发的时间
2.select 标签的选项值, 通过value属性获得
3.创建标签:
document.createElement(“option”)
4.全局函数
parseInt()
parseFloat()
isNaN()
eval()

decodeURI();
encodeURI();

https://www.w3school.com.cn/jsref/jsref_obj_global.asp

xx.class.getResource()

5.原生JS, JQuery
JQuery版本 1.8 1.11
2.x
3.x
普通.js -> 开发调试时使用, 格式友好, 还有注释
min.js -> 上线时使用, 压缩版格式, 没有注释
在这里插入图片描述

©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页