黑马程序员——javascript语言的方法以及部分对象的使用学习日志

------- android培训、java培训、期待与您交流！ ----------
 

javascript语言的方法以及部分对象的使用学习日志

1：javascript语言：是一门基于对象的非严谨的语言，true是1，false是0，null是0，非null是1，并且可以运

算。javascript语言都封装在<script></script>标签中，可以放在html页面的任意位置。定义变量用var,如果代

码出错，会在页面的左下角有个黄色小图标。连接多个boolean表达式必须用&&或者||，这是跟java的区别，

因为真假会进行运算。

javascript想要被浏览器所解析，必须要封装在html语言中的<script></script>标签中。

javascript中的switch语句可以对字符串进行选择，java中只能接收byte  shot  int  char  四种类型。

打印语句是alert(要打印的内容);   如果有多条语句，会一条一条的打印在页面上。

往页面中写入内容用document.write("要写入的内容");   相当于System.out.println();

javascript中的数组相当于java中的集合，不存在角标越界，而且可以存放不同类型的元素。如var arr=

[12,3,"qwe",32];

         函数：javascript中的函数没有返回值类型，也没有参数类型，用function来表示一个函数。

如：function show(){alert("abc");}     函数需要调用才会执行。

 show() 代表的是函数运行后的结果，show表示的是这个函数对象，有较大区别，return语句可写可不写。

javascript中函数的参数可以不用指明参数类型，如function show(a,b){}  ，函数没有重载，函数内部有一个

数组arguments，专门用来存放参数。    

函数的另外一种表现形式，动态函数：var show=new Function("x","y","var sum=x+y;return sum;");    这里要注

意的是Function中的f 要大写，注意区分。

匿名函数：var show=function()

{

        alert("show");

}

show();      与普通函数的表现形式差不多。用处不多，在窗体事件中用得到，窗体以打开，就运行该函数，

window.onload=function()

{

        alert("show");                   好处：不需要另外去调用，窗体一打开就运行，简化了书写。

}

效果等同于window.onload=method;     注意这里不能写括号，切记！ 

function method()

{

        alert("aaa");

}

with语句的作用：with(传入要使用的对象){函数中调用该对象的属性时可以省略对象，简化书写。}   确定对

象使用的范围。

for语句的另外一个作用：for(s   in    stu){alert(s);}       stu代表一个对象，s是个变量，可以遍历该对象中的变

量名，有点像是高级for循环。

也可以遍历数组：

var arr=[4,5,8,76];

for( a  in  arr )

{

         alert(a);       a代表的是角标，

         alert(arr[a]);    遍历数组。

}

2：javascript中的常用几个对象：

 1：String，与java中的用法类似，字符串的长度变成了一个length属性，不是一个方法。

 2：Global，这个对象中的方法都是可以直接调用的，不用对象调用，列入parseInt,这

个方法可以将字符串转换为数字，比如var s=parseInt("56.4554");的结果是56，var s=parseInt("56aa12");

的结果也是56，与java略有不同。

 var num=parseInt("110",2);  表示字符串中的数字以什么进制的表现形式来表现。num结果显示的

是10进制，为6.

  var num=10;     var x=num.toString(2);    将数字按几进制进行转换。 

 3：prototype属性：可以给某些对象增加某些特有的方法，比如String，Array对象中方法有限，可

以使用此属性增加自定义方法。

 例如：在一个StringTool.js文件中定义了一个方法，因为在javascript语言中String对象没有trim()这

个方法，

所以可以通过prototype属性将这个方法手动的添加到String对象中，直接可以用用String对象调用。如下：

function trim()

{

 var start=0,end=this.length-1;

 while(this.charAt(start)==' ')

  start++;

 while(this.charAt(end)==' ')

 {

  end--;

 }

 return this.substring(start,end+1);

}

String.prototype.trim=trim;

然后还要在html页面中将该文件导入，<script type="text/javascript" src="StringTool.js"></script>   即可。 

3：DOM：全称是document object model   文档对象模型。将html文档封装成为对象，html中的每一个标签

也封装成了对象，可以动态的对这些对象进行操作，形成了一个DOM树。

4：DHTML：动态html，是多种技术的综合体。有了DOM后，可以动态的随意对html中的标签进行操作。由

html    css  dom  javascript 四种技术相结合形成DHTML，

 1.html：将数据进行封装。

 2.dom：将标签封装成对象。

 3.css：负责标签中数据的样式。

 4.javascript：将以上三者进行融合，通过程序设计方式来完成动态效果的操作。

5：html,xhtml,xml：都是标记型文档。

dom for java  熟称dom4j，dom中的每一个标签都是一个节点对象，可以获取到该对象对该节点进行操作。

节点与节点之间有上下层关系，一个节点可以有多个子结点，但只能有一个父节点，可以通过父节点拿到子

结点，也可以通过子结点拿到父节点。

节点还有类型，标签节点的类型是1，获取父节点直接调用parentNode属性就可，而获取子结点返回来的是

一个节点集合，调用childNodes属性，拿到的是直接子节点。

文本型节点的类型是3，可以通过获取文本节点改变文本的属性。

属性节点类型是2。

注释型节点类型是8。

document节点类型是9。

如果存在空白行时，该空白行也是一个结点。

根据节点的id 名来获取该节点：getElementById。

根据节点的名字来获取该节点：getElementsByTagName，返回的是一个节点集合。比如

var v=document.getElementsByTagName("div");   

还可以通过节点的name标签属性的值来获取节点，

<input type="button" value="按钮" name="aaa" onclick="show()"/>   该节点的name值是“aaa”；则

var a=document.getElementsByName("aaa");     返回的也是一个节点集合。比如单选框和复选框，name值

相同，但是value属性值不同。

大多数容器型标签没有id跟name属性值，一般用getElementsByTagName方法。

集合all：返回的是这个对象中的所有的节点对象。（除了空白节点除外）

6：常用其他对象：window  ：窗体对象，可以对网页的窗体进行操作。方法跟属性等较多，要用时可查文

档。

event 事件中几个比较重要的属性：keyCode键盘值,returnValue事件的返回值（可以设置为true 和false），

srcElem
4000
ent获取事件源对象。

7：取消超链接效果：<a href="javascript:void(0)" onclick="show()">大</a>  给超链接数据添加一个点击事件

。

8：对文字进行隐藏显示的此熬过的设置：需要用到css文档中的布局属性中的overflow属性，具体用法可查

文档。

------- android培训、java培训、期待与您交流！ ----------　
　详细请查看：http://edu.csdn.net/heima/