黑马程序员——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.οnlοad=function()
{
        alert("show");                   好处：不需要另外去调用，窗体一打开就运行，简化了书写。
}
效果等同于window.οnlοad=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" οnclick="show()"/>   该节点的name值是“aaa”；则
var a=document.getElementsByName("aaa");     返回的也是一个节点集合。比如单选框和复选框，name值

相同，但是value属性值不同。
大多数容器型标签没有id跟name属性值，一般用getElementsByTagName方法。
集合all：返回的是这个对象中的所有的节点对象。（除了空白节点除外）
6：常用其他对象：window  ：窗体对象，可以对网页的窗体进行操作。方法跟属性等较多，要用时可查文

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

srcElement获取事件源对象。
7：取消超链接效果：<a href="javascript:void(0)" οnclick="show()">大</a>  给超链接数据添加一个点击事件

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

文档。

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

　详细请查看：http://edu.csdn.net/heima/