(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是自定义标签。可以存储不同软件数据;
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是自定义标签。可以存储不同软件数据;
相关文章推荐
- 博客园样式个性化
- 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
- CSS设定图片变灰色
- 总结css实现固定和自适应宽度混合的多栏布局实现方法
- 学习笔记 五 css
- CSS 3 概述
- CSS3 icon font完全指南
- CSS display:none和visibility:hidden区别
- css去除页面点击链接、按钮触发的虚线框
- CSS选择器优先级
- HTML/CSS基础
- 使用link标签导入外部样式表
- 关于css的优先级
- css3大段文字分栏布局
- CSS中元素水平居中和垂直居中的方法
- css中单位px和em,rem的区别
- 【笔记】css绘制带三角的气泡
- css垂直居中
- css display属性值
- 常见的几种 CSS 水平垂直居中解决办法