Question

js中的display

table.rows(1).style.display == "none"；
table.rows(1).style.display = "block";
中间style.display指的是什么，"none"和"block"都表示什么意思

Answer 1

style是样式
display 是样式中的显示
"none"和"block"都是显示中的参数
none 为不显示
block为显示

参考
block : CSS1 块对象的默认值。用该值为对象之后添加新行
none : CSS1 隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间
inline : CSS1 内联对象的默认值。用该值将从对象中删除行
compact : CSS2 分配对象为块对象或基于内容之上的内联对象
marker : CSS2 指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before 伪元素一起使用
inline-table : CSS2 将表格显示为无前后换行的内联对象或内联容器
list-item : CSS1 将块对象指定为列表项目。并可以添加可选项目标志
run-in : CSS2 分配对象为块对象或基于内容之上的内联对象
table : CSS2 将对象作为块元素级的表格显示
table-caption : CSS2 将对象作为表格标题显示
table-cell : CSS2 将对象作为表格单元格显示
table-column : CSS2 将对象作为表格列显示
table-column-group : CSS2 将对象作为表格列组显示
table-header-group : CSS2 将对象作为表格标题组显示
table-footer-group : CSS2 将对象作为表格脚注组显示
table-row : CSS2 将对象作为表格行显示
table-row-group : CSS2 将对象作为表格行组显示

Answer 2

style.display = 显示方式 none 为不显示
block为显示

Answer 3

因为你的if else依次执行了
当你if条件ok的时候 login的style设置为block，此时，else条件又成立，所以依次执行，回到原点。
方法1：
使用jquery的toggle切换函数
login

Answer 4

Vue实践-CSS样式position/display/float属性对比使用