1.BOM编程
BOM:浏览器对象模型
它下面三个主要的子对象:history,location,document
history对象记录了浏览器前进后退的地址,常用的方法如下:
forward()前进
back()后退
go(正数/负数)既可前进又可后退
location对象记录了当前地址栏的数据
常用的属性和方法
href:可以通过这个属性改变地址栏
reload():重新加载页面
document对象常用的属性和方法
referrer:得到载入当前文档的文档的地址
URL:得到载入当前文档的地址
getElementByid()
getElementsByName()
getElementsByTagName()
write()向文档中写数据,可以写普通文本,可以写HTML元素,可以写JS代码
控制元素的显示和隐藏两个style的属性
visibility:
visible:显示
hidden:隐藏,但是会占位
displasy:
block:显示
none:隐藏,不占位
全选的效果
主要是通过复选框的checked属性的值来决定是不是选重
checked:
true
false
Dom的高级编程
对于DOM的文档有三种标准的接口来解析这类文档
核心DOM(coreDom):适用于所有的DOM模型
XML DOM:专门用于XML文档的(JAVA中会用到这种)
HTML DOM:专门用于HTML文档的
核心DOM的用法:
主要是对节点的增加,删除,替换,修改,复制,查找
查找上面讲过,就是那三个getElement系列的方法
增加常用的方法:
createElement()
appendChild()
insertChild()
clonenote()
删除节点
removeChild()
替换节点
replaceChild()
修改
可以调用节点对象的setAttibute()
也可以调用节点对象的getAttibute方法来得到指定属性的值
核心DOM操作表格的时候,需要注意
表格在逻辑上分三部分:
thead
tbody
tfoot
其中,tbody,不管你有没有把它显示的写出来,它都是表格的儿子
如果得到所有子节点用childNodes的话,就会包含所有的换行
如果用chirldren,就不会包含换行,所以实际中用如果用chirldren
也可以通过parentNode,nextElementSibling
htmldom操作表格时常用的对象
table对象:表示表格的
常用的属性和方法
rows:返回表格里所有的行,返加一个数组
insertRow(index):在指定位置添加一行
deleteRow(index):删除指定位置的行
tableRow对象:表示行对象的
常用的属性和方法
rowindex:返回该行在表格中的位置
cells:返回该行里所有的单元格,是一个数组
insertCell(index):在指定位置添加单元格
deleteCell(index):删除指定位置的单元格
tableCell对象:表示单元格对象的
常用的属性
cellIndex:返回该单元格在行中的位置
innerHTML:设置或者得到单元格里的内容
align:设置单元格内容的水平排列方式
className:设置单元格引用的类选择器
BOM:浏览器对象模型
它下面三个主要的子对象:history,location,document
history对象记录了浏览器前进后退的地址,常用的方法如下:
forward()前进
back()后退
go(正数/负数)既可前进又可后退
location对象记录了当前地址栏的数据
常用的属性和方法
href:可以通过这个属性改变地址栏
reload():重新加载页面
document对象常用的属性和方法
referrer:得到载入当前文档的文档的地址
URL:得到载入当前文档的地址
getElementByid()
getElementsByName()
getElementsByTagName()
write()向文档中写数据,可以写普通文本,可以写HTML元素,可以写JS代码
控制元素的显示和隐藏两个style的属性
visibility:
visible:显示
hidden:隐藏,但是会占位
displasy:
block:显示
none:隐藏,不占位
全选的效果
主要是通过复选框的checked属性的值来决定是不是选重
checked:
true
false
Dom的高级编程
对于DOM的文档有三种标准的接口来解析这类文档
核心DOM(coreDom):适用于所有的DOM模型
XML DOM:专门用于XML文档的(JAVA中会用到这种)
HTML DOM:专门用于HTML文档的
核心DOM的用法:
主要是对节点的增加,删除,替换,修改,复制,查找
查找上面讲过,就是那三个getElement系列的方法
增加常用的方法:
createElement()
appendChild()
insertChild()
clonenote()
删除节点
removeChild()
替换节点
replaceChild()
修改
可以调用节点对象的setAttibute()
也可以调用节点对象的getAttibute方法来得到指定属性的值
核心DOM操作表格的时候,需要注意
表格在逻辑上分三部分:
thead
tbody
tfoot
其中,tbody,不管你有没有把它显示的写出来,它都是表格的儿子
如果得到所有子节点用childNodes的话,就会包含所有的换行
如果用chirldren,就不会包含换行,所以实际中用如果用chirldren
也可以通过parentNode,nextElementSibling
htmldom操作表格时常用的对象
table对象:表示表格的
常用的属性和方法
rows:返回表格里所有的行,返加一个数组
insertRow(index):在指定位置添加一行
deleteRow(index):删除指定位置的行
tableRow对象:表示行对象的
常用的属性和方法
rowindex:返回该行在表格中的位置
cells:返回该行里所有的单元格,是一个数组
insertCell(index):在指定位置添加单元格
deleteCell(index):删除指定位置的单元格
tableCell对象:表示单元格对象的
常用的属性
cellIndex:返回该单元格在行中的位置
innerHTML:设置或者得到单元格里的内容
align:设置单元格内容的水平排列方式
className:设置单元格引用的类选择器