JS基础知识1

希望把某个元素移除的实现

display: none; 显示为无
visibility: hidden; 隐藏
width \ height
透明度
left \ top
拿与背景色相同的div盖住该元素
利用margin值
……

事件：鼠标事件、键盘事件、系统事件、表单事件、自定义事件

onclick
onmouseover
onmousedown
onmouseout
onmouseup
onmousemove
……

函数：可以理解为命令，做一些事情，如:

function abc() { //肯定不会主动执行！ … }

直接调用：abc();
事件调用：元素.事件 = 函数名 (oDiv.onclick = abc;)
……

测试

alert(1); 带确定按钮的警告框；alert('ok'); 'ok' 字符串
初学者：最好保持随时写，随时测试的习惯

变量

var li = document.getElementById('lis');
var num = 123;
var name = 'leo';

属性读写操作的注意事项

JS属性中不允许出现"-"，例如font-size改为fontSize
class在js里面是保留字，在js作用class要用className
所有的相对路径都别拿来做判断（如img的src、还有href）
颜色值不要拿来做判断（因为有red、#f00、rgb(250, 0, 0)等写法
相对路径也不要拿来做判断
innerHTML的值别拿来做判断
IE6、IE7、IE8中表单元素的type更改不了，不支持，会报错；其他的都可以。
在有些浏览器中，直接更改float值可能不支持。在js中，可以用IE(styleFloat)和非IE(cssFloat)来区别对待。
不能用来做判断的东西，可以创造一个开关，利用布尔值来实现

[]中括号的使用

点"."后面的值无法修改
中括号[]里面的值可以修改；JS中允许把"."替换成"[]"

cssText文本格式化与属性操作

oDiv.style.cssText = 'width: 200px; height: 200px;';
cssText不会动head的style中的设置；但是会改变行间样式（注意，是替换行间样式，而非新增行间样式）

按钮点击之后，不再重复功能的思路

找按钮的麻烦，比如点击一次之后，设置oBtn.disabled = true;
继续找按钮的麻烦，比如点击一次后，将按钮隐藏oBtn.style.display = 'none';
将按钮添加的东西清空，然后再添加一次，先清空再生成
用判断

JS数据类型转换
把字符串转成数字的方法：

JS方法：Number();
     var a = '100';
      alert(a + 100); //'100100'

parseInt与parseFloat

var a = '100px';
alert(parseInt(a)); //100