javascript基本介绍

1.javascript脚本可以放在head或body中， 或者放在外部文件， 在html中声明<scriptsrc=”myscript.js”></script>。

2.document.getElementById(“demo”).innerHTML=”replace it.”; 替换id中文本。

3.document.write(“<p>hello world.</p>”);  向文件中写入，文档加载完成后再调用的话，会覆盖原页面。

4.单行注释 //   多行注释 /*  */。

5.var来声明变量，变量的类型随着赋值内容的改变而改变。

6.字符串中有单引号则用双引号括起来，反之用单引号括起来。数字在js中只有一种类型可带小数点也可不带。布尔值只有true和false。创建数组var cars= new Array（）。对象由花括号分隔，在括号内部，对象的属性以名称和值对的形式（name:value）来定义。属性之间逗号分开。varperson={firstname=”Quan”,lastname=”li”,id=”33”};对象有两种寻址方式：name=person.lastname;或者name=person[“lastname”];。

7.可以通过设置null来清空变量。

8.通过id查找HTML元素：var x=document.getElementById(“intro”);

9.改变HTML的属性：document.getElementById.属性=new value;

10.改变HTML的样式：document.getElementById.style.property= new style;

11.在事件发生时执行Js代码 onclick=JavaScript。事件例子：当用户点击鼠标时、当网页已经加载时、当图像已加载时、当鼠标移动到元素上时、当输入字段被改变时、当提交HTML表单时、当用户触发按键时。

12.用id的方法来调用不同的事件和不同的函数：

HTML部分：<button id=”a”>a</button>

JS部分：document.getElementById(“a”).事件=function（）{displayDate（）}；

13.onload和onunload事件在用户进入或离开页面时被触发。

14.onchange事件，在用户的光标离开时，对用户输入内容进行操作。

15.onmouseover和onmouseout事件，用户在将鼠标移动到HTML元素上方或移出元素时触发函数。

16.onmousedown、onmouseup和onclick事件，当按住鼠标按钮时，会触发onmousedown事件，当放开鼠标时，会触发onmouseup事件，完成鼠标点击时，会触发onclick事件。

17.创建新的HTML元素：

var para = document.createElement(“p”);

var node = document.createTextNode(“A new para.”);

para.appendChild(node);

var element = document.getElementById(“div”);

element.appendChild(para);

18.删除原有HTML元素：

var chlid = doucment.getElementById(“chid”);

chlid.perentNode.removeChild(child);

19.创建对象

直接创建：person={firstname:"John",lastname:"Doe"};

函数构造器：

function person(firstname,lastname){

this.firstname=firstname;

this.lastname=lastname;

        this.changeName=changeName;

        function changeName(name){

        this.lastname=name;

        }

}

myFather=newperson("Bill","Gates");

myFather.changeName("Ballmer");

20.for..in循环

for(xin person){

txt=txt+person[x];

}

for..in循环将对in后面的对象的每个属性进行同样的操作。

21.定义数组：var mycars=new Array("Saab","Volvo","BMW");

22.prototype属性，向对象添加属性和方法。

object.prototype.name=value;