JavaScript基础总结–表格对象与父子窗体(七)

继续接上篇JavaScript基础总结–表单验证与JS数组(六)

table对象

table对象用来表示网页中的一个表格,其属性有:

id:表格对象的id名称

width:表格对象的宽度

cellSpacing:表格对象中的单元格间距

bgColor:表格对象的背景色

rows:表格对象中,行的集合

table对象的方法

insertRow():添加一个表格行,返回新添加的行对象

deleteRow(index):删除指定索引的表格行

tr对象

table对象的insertRow()方法能向表格中添加一个新行,并返回这个行对象,一个行对象的常用属性:

id:表格行对象的id名称

bgColor:表格行的背景色

height:行高

textAlign:水平对齐方式,其值有left,center,right

vAlign:垂直对齐方式,其值有top,middle,bottom

rowIndex:当前行在表格中的索引位置,行索引从0开始

cells:当前表格行的所有单元格集合

tr对象的方法

insertCell():添加一个单元格,并返回这个单元格对象

deleteCell(index):删除指定索引的单元格对象

td单元格对象

tr对象的insertCell()方法能向行中添加一个新单元格,并返回这个单元格对象,其常用属性有:

id:单元格对象的id名称

bgColor:表格行的背景色

width:单元格宽度

align:水平对齐方式,其值有left,center,right

vAlign:垂直对齐方式,其值有top,middle,bottom

常用属性

innerHTML:设置或获取单元格的HTML文本

innerText:设置或获取单元格的普通文本

cellIndex:当前单元格在行中的索引位置

colSpan:设置或获取单元格的跨列数

rowSpan:设置或获取单元格的跨行数

父子窗体数据传递

open方法打开子窗体,当调用open()函数时返回的对象就是子窗体对象,此时在子窗体中生成了一个父窗体对象叫opener对象,用来操作父窗体。

var win=open(“sub.html”,””,””);//win即子窗体对象

在sub.html中opener表示父窗体对象,可以通过此对象该问父窗体网页中的元素,如:函数等。

小结

使用open方法打开子窗体后,实现子父窗体之间的数据传递有以下特点

1、open方法的返回对象表示子窗体对象

2、在子窗体中,关键字opener表示父窗体对象

3、父窗体给子窗体传值,是采用调用子窗体中定义的方法,通过方法参数来传值

4、子窗体给父窗体传值使用关键字opener

5、使用opener调用父窗体的方法时,其后不需要写document,如:opener.xxx()即可

6、使用opener调用父窗体的对象时,其后必须写document,如:opener.document.obj.xxx=x

模式对话框与数据传递

1、打开模式对话框是调用window对象的showModelDialog方法打开的,打开后如果不关闭,将无法操作父页面。

var res=showModalDialog("allimg.html","suprise","dialogHeight:250px;dialogWidth:300px;");

allimg.html:模式对话框打开的页面;

surprise:传递给子窗体xxx.html的参数,它是一个字符串类型;

property:对话框的一些属性设置,如窗口宽、滚动等。

res:模式对话的返回值,即子窗口传递给父窗口的数据

2、在对话框页面中dialogArguments属性表示父窗体传递过来的参数;

3、returnValue属性表示子窗体准备返回给父窗体的返回值,在对话框关闭后,传递给父窗体。

小结

采用showModalDialog打开的对话框,和父窗体之间传递数据有以下特点:

1、使用方法showModalDialog弹出模式对话框;

2、该方法的第二个参数即是传给子窗体的参数,是String型,在子窗口中使用dialogArguments表示;

3、在子窗口中对returnValue属性赋值,关闭子窗口后,才会将该值作为showModalDialog方法的返回值。

未完待续...

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:8   其中:访客  6   博主  2

  1. avatar 中山婚纱摄影 3

    谢谢博主的分享

  2. avatar 脆冰冰 0

    博主真的好用心,看到记得回复我 :razz:

  3. avatar 面试网 0

    代码大神,最近也在学,会持续关注博主,加油哦!

  4. avatar 蓬勃财经直播室 0

    支持下,觉得Java很有技术含量

  5. avatar 工业铝型材 0

    不错哦。。非常好。。。。。

  6. avatar 好文章 4

    过来看看

评论加载中...