js基础--属性操作及注意事项
待更新。。
关于属性操作注意事项
1、所有相对路径都别拿来比较!!!
(绝对路径可以,入img src="https://segmentfault.com/"
)。
2、颜色值(color:red;)也不要拿来判断!!!
3、innerHTML的值别拿来判断!!!
4、用事件处理函数操作表单的type存在兼容性问题!!!(IE6 7 8 不兼容,会报错)。
【解决方案】可以用视觉方案处理,比如切换显示隐藏。
5、设置浮动时,采用oDiv.style.float="left";
在标准浏览器是支持的,在某些浏览器是不支持的。
【解决方案】做兼容性处理:
方案一:
在IE下oDiv.style.stylefloat="left";
在非IE下oDiv.style.cssfloat="left";
方案二(推荐):
采用添加类的方法
.fl{
float:left;
}
<div class="fl"></div>
6、js中[]适用于oDiv.style[变化的样式名]=变化的值;
(如:oDiv.style[oinput.value(如width或者height)]="oValue.value(如200px)";
)
注意:用.点设置的值是不可变的,[]里面的值是可变的。
关于判断的那些事
第一种判断形式:
if(条件){
条件成立执行
}
适用于当条件成立时,去处理一件事情,条件不成立,不执行。
第二种判断形式:
if(条件){
当条件成立执行
}else{
当条件不成立执行
}
适用于,适用于当条件成立时,去处理一件事情,不成立执行另一件事。
第三种判断形式:
if(条件1){
当条件成立执行
}else if(条件2){
当条件1不成立,条件2成立,则执行。
}
适用于,当某件事成立执行。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。