黑马程序员------java学习笔记之javascript

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

js是一种用来设计网页的语言,弱类型,基于对象,

感觉用起来都比较容易好懂

js中的对象类型都是object,并且数组长度可变,元素类型任意,但是在使用数组时还是存同一类型元素比较好,方便操作.

js中有个简化对象调用内容的语句,叫with语句,

格式:

with(对象){

该区域可以直接使用对象的内容(不需要写 对象.  )

}

js中特有语句:for in

格式:

for(变量 in 对象)//对对象进行遍历的语句{

}

e.g.

 var arr=[32,80,65];

 for (i in arr){

   println("i="+arr[i]);

 }
//结果:i=32 i=80 i=65

 

js自定义对象:

如果想要自定义对象,应该先对对象进行描述. js是基于对象,不是面向对象的,不具备描述事物的能力,

我们还下过按照面向对象的思想编写js

就要先描述,在js中,可以用函数来模拟面向对象中的描述

 

//用js来描述人

function Person(){//相当于构造器

     alert("Person run");

}

对象有两种调用成员的方式:对象.属性名   对象["属性名"]

javascript的应用

一、表格的创建

 思路:
1、创建一个table节点,document_createElement_x_x(table));
2、通过table节点的insertRow()方法创建表格的行对象(tr)并添加到rows集合中。
3、通过tr的insertCell()方法创建单元格对象,并添加到cells集合中。
4、给单元格中添加数据。
a.创建一个节点如文本节点,document_createTextNode("文本内容"),
 通过单元格对象a()方法将文本节点添加到单元格的尾部。
b.通过单元格的innerText或者innerHTML tdNode.innerHTML =i+"..."+j;
 添加到单元格中
5、建立好对象节点,添加到DOM树种,也就是页面的指定位置上
二、表格行和列的删除
思路:
1、删除行:获取表格对象,通过表格对象的deleteRow方法,将指定的行索引传入到deleteRow方法中
2、删除列:表格中没有直删除列的方法,要通过删除每一行中指定的单元格蓝完成删除列的动作
 获取所有的行对象,并进行遍历,通过行对象的deleteCell方法将指定单元格删除。
  tabNode.rows(i).deleteCell(colnum-1)
三、对表格中数据 排序
思路:
1、获取表格中的所有行对象
2、定义临时存储器,将需要进行排序的行对象存入数组中。
3、对数组进行排序,通过比较每一个行对象中指定单元格中的数据,如果是整数要通过parseInt转换
4、将排序后的数组通过遍历,将每一个行对象重新添加回表格,通过tbody节点的a方法。
5、其实排序就是每一个行对象的饮用取出。
四、表格的行颜色间隔显示,并在鼠标指定的行上高亮显示
思路:
1、获取所有的行对象,将需要间隔显示的行对象进行动态的className属性指定样式(class选择器)
2、为了完成高亮,需要用到tr的两个属性 onmouseover()和onmouseout()
3、为了方便,可以在便利行对象时,将每一个行对象都进行属性指定 tr.onmouseover =function(){}
4、高亮的原理就是将鼠标进入时的指定颜色改变,改变先前记录的行对象的样式。并通过函数进行处理。
  在鼠标离开时,将先前的记录样式还原
5.改样式需要在页面加载完毕时使用。window.onload = function()

五、showModalDialog 模式对话框
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]);
如果想要在打开的页面使用原页面的节点,需要将原页面的window传过去
即:vArguments = window:
在b页面获得a页面的的window,可以使用b页面的window.dialogArguments;获取到的就是a页面的window
六、showModelessDialog 非模式对话框
同上 只是模式发生的变化。同java中模态、非模态对话框相似


你可能感兴趣的:(黑马程序员------java学习笔记之javascript)