[深圳|结业弟子]JS-彭士兴|2019年07月07日的日报-技能树.IT修真院

发表于： 2019-07-07 23:27:54

3 675

今日完成：

1 将任务三中的页面传参完成

2 将数组传参完成

今日收获：

1 通过document.body.style.backgroundColor 修改html中的css

通过document.body.innerHTML = "新的内容...";修改html中的文本

参考文档：

https://www.runoob.com/jsref/prop-doc-body.html

2 了解并使用了js的运算符

JavaScript 一共提供了8个比较运算符。

> 大于运算符
< 小于运算符
<= 小于或等于运算符
>= 大于或等于运算符
== 相等运算符
=== 严格相等运算符
!= 不相等运算符
!== 严格不相等运算符

这八个比较运算符分成两类：相等比较和非相等比较。两者的规则是不一样的，对于非相等的比较，算法是先看两个运算子是否都是字符串，如果是的，就按照字典顺序比较（实际上是比较 Unicode 码点）；否则，将两个运算子都转成数值，再比较数值的大小

参考文档：

https://wangdoc.com/javascript/operators/comparison.html

3 今天在修改bug的时候，因为一个顺序问题卡半天

后来在不断点击F10的时候才发现，原来是页面在传参的时候出了点问题

这是未修改之前的

  var storage = window.localStorage;
    var a;  var value = Number(document.getElementById("character").value);
    a = storage.getItem("a");
    if(a !== null){
    document.getElementById("character").value = a;
    }
    //value的顺序必须放在a取值的后面，因为js的特性就是从上往下读取
    var value = Number(document.getElementById("character").value);

在代码运行的时候，发现页面2中传过来的参数在此页面中总是归1

没办法将页面2中所传过来的参数储存

  var storage = window.localStorage;
    var a;
    a = storage.getItem("a");
    if(a !== null){
    document.getElementById("character").value = a;
    }
    //value的顺序必须放在a取值的后面，因为js的特性就是从上往下读取
    var value = Number(document.getElementById("character").value);