您的位置:首页 > Web前端 > CSS

(0829)BOM对象-location-screen-history-navigat、DOM对象-htmlDOM-cssDOM

2015-08-29 23:06 471 查看
补充:Array.sort:默认是按字符进行比较;2、比较数值大小的话需sort(函数),函数 (p1,p2){p1>p2};

BOM模型

location对象

hash:从 (#) 开始的 URL(锚); host:URL 的端口号。

hostname:URL的主机名。 href:URL。

pathname:URL的路径部分。 port:URL的端口号。

protocol:URL 的协议。 search:从问号 (?) 开始的 URL(查询部分)。

//线程依附在进程之内,有进程才有线程。

history对象 history.length、back()、forward()、go();

screnn对象

Navigator对象

DOM模型

首先明确:1、html标签在JS中对应着一个对象2、html标签有标签属性,对应的js对象上也有相应的3、css也有属性,对应的js对象上也有相应原样式属性;

核心DOM:即可用于操作HTML文档。又可以操作XML文档。

获取对象: 简单说,var obj = document.head 类推

HTMLDOM:主要用于操作HTML文档中的标签,节点对象

获取对象方法:

1、主要是用getEleementById(”id“);

2、通过标签名获取,getElementsByTagName("标签名")//所有父对象都有,2、返回的是一个集合,访问集合中的元素 可以使用访问数组元素的方法。

3、通过标签name属性值获取对象,一般用于表单元素;eg:document.form标签的name属性值.表单元素的name属性值

对标签属性的操作:

语法:objNode。属性名=值;如果要删除标签的属性,属性.""放空就可以了//但是background、bgcolor、height不能设置(前面加个style就可以了);

//一个单词的脚本与css样式相同。如果多个就把横杠去掉用驼峰。eg:font-size→fontSize;

设置class标签要用className引入;

CSSDOM:用于操作HTML标签的css样式;

设置css样式

语法:objNode.style.脚本样式=值;

对标签的class属性的操作

语法:objNode.className=;

获取css样式

语法语法:objNode.style.脚本样式;

与table相关的属性

tbodies说明:获取的是所哟的tbody标签对象,返回的是一个集合,就算只有一个tbody也是一个集合;

row所有tr、cell所有td;

滚动原理

clientWidth 标签的宽度

clientHeight ...

scrollWidth 内容的宽度(最小值是标签的宽度);

scrollHeight ...

scrollLeft ...

scrollTop ...

//xml是自定义标签。可以存储不同软件数据;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: