javascript 基本知识（一）

1. <script></script> 放置的位置

一般在head结束之前 或者 body结束之前，但是如果放在head中。事件需要写在window.onload = function(){}中。它的意思是，页面加载完成后执行代码；

2.  javascript的输出语句有：alert() 、confirm() 、prompt();

3.  javascript的文本书写语句有innerText 、innerHTML 、document.write();

区别是：

• innerText 不识别标签  比如 xxx.innerText="<p>abcd</p>")，<p>abcd</p>识别为字符串
• innerHTML识别标签    xxx.iinnerHTML="<p>abcd</p>") , <p>abcd</p>识别为字<p>标签
• document.write();识别标签，但需要注意：如果在文档流关闭后执行，会覆盖之前的页面

 4.  javascript 在修改样式时，修改的是内部样式，级别最高。

 5.  特殊属性：

• float： js中为styleFloat（IE6、7、8）、cssFloat（>IE8）
• cssText ：修改内部属性 style；如：this.style.cssText="width:50px;height:50px;background:red;"；//注意直接赋值会覆盖掉之前的style内容，可以使用this.style.cssText += "width:50px;height:50px;background:red;";
• class：在js中为style.className

6. 数据类型

字符串、数字、布尔、数组、对象、Null、Undefined

对象：

var person={
firstname : "Bill",
lastname  : "Gates",
id        :  5566
};

7. 循环 for

初学碰到这样一个例子

for(i = 0; i < length; i++)
{
    boxClassName[i].onclick = function(){
        var a = i;
    }
}

但是往往function里面的i并不像所想像的进行。最终你总是会得到i的最大值。
解决办法：通过自定义属性记录i；

for(i = 0; i < length; i++)
{
    boxClassName[i].index = i;
    boxClassName[i].onclick = function(){
        var a = this.index + 1;
    }
}

8. 强制类型转换：显示 和 隐式

显示：
字符->整型：Number（str）;  str必须是一个数字字符串，
parseInt（str）;碰到非数字字符停下来。
上述如果不能转换则返回NaN；
字符->浮点：parseFloat（str）；
整型,浮点->：xx.toString（）；
其他：
Number（true）； 返回1
Number（false）；返回0
隐式：
字符数字 和 数字 进行运算，字符数字会隐式转为数字型。除了 + 号。
布尔：true + 1 = 2;
      true + 1 = ture1;