《JavaScript+DOM编程艺术》笔记

JavaScript的优点和缺点： 

优点： 

·性能：由于JavaScript运行在客户端，节省了web服务器的请求时间和带宽

·轻量级的脚本语言，比较容易学习

·运行在用户机器上，运行结果和处理相对比较快。

·可以使用第三方附加组件来检查代码片段。

缺点： 

·安全问题：由于JavaScript在客户端运行，可能被用于黑客目的。

·渲染问题：在不同浏览器中的处理结果可能不同。

 

#：Html,超链接不跳转：

<A href="javascript:void(0)">点击</a>点击链接后不会回到网页顶部，留在当前点击事件位置

<A href="#">点击</a>  点击后会回到页面顶部

 

1.数据类型：字符串，数值，布尔值 （都是离散型）

5种简单数据类型（也称基本数据类型）：

undefined,Null,Boolean,Number,String,Object(复杂的数据类型，一组无序的名值对组成)；

有三个函数可以把非数值转换为数值：Number()可用于任何数据类型,parseInt(),parseFloat();专门把字符串转换成数值。

Var num1=parseInt(“0xAF”,16); 第二个参数，转换时使用的基数即多少进制。

 

2.命名：变量用下划线分割单词，函数名第二个单词后把每个单词的首字母大写。

3.变量的作用域：全局变量和局部变量，局部变量只存在于对它声明的变量内部，函数外部是无法引用它的。

4.对象：对象是自我包含的数据集合，包含在对象里的数据可以通过两种形式，即属性和方法访问。属性是隶属某个特定对象的变量，方法是只有某个特定对象才能调用的函数。

Var john=new Person（）;

john.age   john.mood

 

5.用户自定义对象

6.内建对象：例如数组是，var beatles=new Array();var current_date=new Date();  Date 对象提供了getDay(),getHours(),getMoth()等一系列的方法。

 

7.宿主对象：可以在js脚本里使用其他一些已经预先定义好的对象。该对象不是由JavaScript语言本身而是由它的运行环境提供的。具体到web应用，这个环境就是各种web浏览器。由web浏览器提供的预定义对象被称为宿主对象。

宿主对象主要包括：Form，Image和Element,document

 

  var lennon=Array();

            lennon[“name”]=”john”;

            lennon[“year”]=1940;

lennon[“living”]=false;

Var beatles=Array();

Beatles[0]=lennon;

 

DOM方法：getElementById：返回一个对象

getElementByTagName：返回一个对象数组

getAttribute：把对象的各种属性的值查询出来。

setAttribute：

 

 

 

**在同一个网页上切换显示不同的图片：

Onclick事件处理函数，onclick=”return false” 不让用户被他们所点击的连接带到另外一个图片查看窗口去。

 

DOM属性：childNodes,nodeType,nodeValue,firstChild,lastChild

 

Eg：window.onload=firstFunction;window.onload=secondFunction;

每个事件处理函数只能绑定一条指令，有个小技巧可以绕过这一难题：可以先创建一个匿名函数来容纳这两个函数，然后把匿名函数绑定到onload事件上，如下所示：

 

Window.onload=function(){

 firstFunction();

 secondFunction();

}