虽然大学2年级就开始学了,但总觉得基础差,找了原版的javascript最佳实践来看,把一些基础的东西记下来。
javascript创建对象:
使用book对象:
方法的两种声明方式:
创建DOM元素:
当获取某个DOM元素后,可以直接用“.”进行访问其属性,如:id、className、style、style.visibility等等(浏览器解析HTML后,会把html、css等解析为一个个对象,在javascript里访问DOM对象代表的页面标签的属性时,就好像访问javascript的对象内部属性一样)。
[b]添加事件侦听器:[/b]
关于变量:
[b]1.如果未在var声明语句中给变量赋初始值,那么虽然声明了这个变量,但在它存入一个有效值之前,它的初始值就是undefined
[/b]
[b]2.javascript由于是动态语言(是指在运行期间才去做数据类型检查的语言),所以声明任何类型的变量都是用var进行声明,但是也可以不用(尽量要求使用),如果不用var进行声明,则会把该变量当做全局对象进行使用,即使是在方法内部的变量,其实质变成了全局变量。如:
[/b]
[code]
valib = "global";
function fun(){
valib = "local";
}
alert(valib); //弹出窗内容为"local"而不是global,因为在fun中,对全局变量进行了修改,而没有在fun方法中定义了一个局部变量valib
[/code]
javascript创建对象:
var book = {
topic: "JavaScript", //对象内部赋值用冒号":"
fat: true
};
使用book对象:
//调用对象内部属性的两种方式:
book.topic
book["fat"]
//为book创建新的属性并赋值
book.newAttr="newAttribute"
方法的两种声明方式:
var square = function(x) {
return x*x;
};
function plus1(x) {
return x+1;
}
//调用
square(1);
plus1(2);
创建DOM元素:
var text = document.createTextNode("文本节点");
var pre = document.createElement("span");
pre.appendChild(text); //在span标签里嵌套文本节点
pre.appendTo(document.body); //把span标签插入到body的尾部
当获取某个DOM元素后,可以直接用“.”进行访问其属性,如:id、className、style、style.visibility等等(浏览器解析HTML后,会把html、css等解析为一个个对象,在javascript里访问DOM对象代表的页面标签的属性时,就好像访问javascript的对象内部属性一样)。
[b]添加事件侦听器:[/b]
var image.getElementById("img2");
if (image.addEventListener)
image.addEventListener("click", hide, false);
else // 匹配 IE8以下的版本
image.attachEvent("onclick", hide);
关于变量:
[b]1.如果未在var声明语句中给变量赋初始值,那么虽然声明了这个变量,但在它存入一个有效值之前,它的初始值就是undefined
[/b]
[b]2.javascript由于是动态语言(是指在运行期间才去做数据类型检查的语言),所以声明任何类型的变量都是用var进行声明,但是也可以不用(尽量要求使用),如果不用var进行声明,则会把该变量当做全局对象进行使用,即使是在方法内部的变量,其实质变成了全局变量。如:
[/b]
[code]
valib = "global";
function fun(){
valib = "local";
}
alert(valib); //弹出窗内容为"local"而不是global,因为在fun中,对全局变量进行了修改,而没有在fun方法中定义了一个局部变量valib
[/code]