JavaScript DOM编程艺术 学习笔记0

序:舍弃内嵌在HTML里的事件处理函数这种写法.

 第一章 JavaScript简史

 1.VBScript即JScript,由微软在发布IE3时发布.JavaScript,ECMAScript,JScript本质上都是一种东西.

 2.API就是一组已经得到有关各方共同认可的基本约定.如摩尔密码,化学元素周期表,国际时区.

第二章 JavaScript语法

外部JavaScript导入 

< script  type ="text/javascript"  src ="*.js" ></ script >

 语句

first statement;
second statement;

 注释

 当行注释 

// this is a comment

两行注释

// if you want to enterback
// please use

 跨行注释

/* this put paragraph head
 this put paragraph tail */

 变量

给变量赋值后,我们可以说该变量包含这个值.注意变量区分大小写

不允许变量名包含空格或标点($除外)  ,良好的命名风格是

 var my_mood="happy",my_age=33;

JavaScript是弱类型语言,程序员可以随意改变某个变量的数据类型.

1.字符串由0到多个字符构成,字符包括字母,数字,标点,空格. 必须被放在单引号或双引号内.

2.数值可负可浮.

3.布尔变量 true false

4.数组

前三是离散量,在任意时刻只能有一个值.如果想要一个变量存储一组值,用数组.填充的数据没有要求.

var atls=Array(4);

var beatles=Array();

最好的做法:  var beatles=Array("John","boe",123,true,atls);

关联数组

如果填充数组时只给出了元素的值,那么这是个数值数组.可以通过以下方式改变这种默认的行为

var lenmon=Array();

lenmon["name"]="jaon";

 

操作

1.+连接字符串,如果两边有一个字符串都被当成字符串

 

函数

显示当前时间

function showDate()

{

    var current_date=new Date();

    alert(current_date);

}



showDate();

 

三种对象:

内建对象,宿主对象,自定义对象.

 

第三章 DOM

alert(document.getElementsByTagName("li").length);

var lia=document.getElementsByTagName("li");

for(var i=0;i<lia.length;i++)

{

    alert(lia[i].getAttribute("title"));

}

获得所有li的title属性.

可以把getAttribute改为setAttribute("title","what you want");

此外getAttribute的tag如果没有某个属性会显示null,而如果只想显示空白可以把属性打出来但不写任何东西.这不会出现null,只是空白.

var lia=document.getElementsByTagName("li");

for(var i=0;i<lia.length;i++)

{

    lia[i].setAttribute("title","b");

}

这个函数实现改变属性,测试过只能一律 改为一种.
可以分别取值.

 

DOM的工作模式

JavaScript不会改变HTML源代码.我们获取HTML的tag后对其属性做了改变但在源代码中不会改变.

因为DOM先加载静态内容,再以动态的方式对他们刷新,动态刷新不影响静态内容:对页面的刷新不需要用户手动操作.  //此处有点不太懂.