javascript学习1

什么是dom?

dom的全程是Document Object Model.---文档对象类型,更深层次的意思是通过和javascript进行内容的交互的API.js和DOM一般经常可以作为一个整体,因此js通常都是用dom操作和交互的.


dom中需要注意的东西
1.window作为全局对象,可以说是window来访问全局对象
2.属性在对象的下面以变量的形式进行存放,页面上所有的全局对象都会编程window对象的属性
3.方法在属性下面以函数的形式存放,因此左右的函数都存放在window对象的下面,他们可以称为方法.
4.text节点在页面所展示的是所有文本相关的元素,如果你的段落在有文本在里面的话,可以通过DOM的text节点来进行访问
5.document节点代表的是整个文档,他是DOM的根节点
6.每个引擎对dom标准都有一些轻微的不同.比如火狐的Gecko引擎有很好的实现.但是IE的trident引擎却不完整,给开发人员带来很多的问题.

3.WEB上的javascript


JS必备知识:
1.数据类型:Number String Boolean Objec Undefined and Null
注释部分: 单行注释 // 多行注释 /**/

Number:在js中所有的Number都是浮点型,声明的时候不需要引号
String:和php基本相同,单引号和双引号都可以
Boolean:布尔型用于条件判断,只有两个值,true和false.任何的逻辑操作符都会返回布尔值.
Function:函数是特殊的对象

函数的声明方式有两种:
function myFunctionName(arg1,arg2){
//代码 }------>直接声明对象
function (arg1,arg2){
//
} ---->匿名函数


运行方式:myFunction():无参数
myFunction('Foo','bar');//有参


Array:数组也是特殊的对象,可以这样说,数组是从对象中分离出来的,访问的时候要使用下标
Object:一个对象是一个Key-value的集合,和数组相似,NB的地方时你可以为每个数据定义一个名称.

var profile = {
name:'laoda',
age:30,
height:187
}

或者使用下面的声明:
var profile = new Object();
profile.name = 'laoda';
profile.age = '30';
profile.height = '187';
//强烈建议使用上面的,省时间,还能让人一目了然

IF/ELSE语句:
所有语言中的一个最常见的条件语句:

var myAge = 22;
var youAge = 20;

if(youAge >= myAge){
alert('我喊你大哥'):
}else{
alert('我喊你打个!');
}

//js的操作符号
和php的基本的差不多了多少.

loop循环:
loop循环式遍历数组或者对象的所有成员的时候,很方便.js中使用的是while for

var envato =['pujing','bushi','laomao','guodeng','zhangsna'];

//while 循环
var count = 0;
var lengthof = envato.length;
while (count<lengthof){
alert(envato[count]);
count++;//注意要++
}


//for循环
for(var i=0; length=envato.length;i<length;i++){
alert(envato[i]);//和上面的一样一样的
}


getElementsByTagName------------------通过标签--有s
getElementByName-------------------------有s
getElementByTagName----------------------返回的是一个节点集合,和数组类似

 

 

 

posted @ 2012-11-16 22:51  sgsheg  阅读(161)  评论(0编辑  收藏  举报