Javascript DOM编程 1. DOM编程是什么:
主要是对页面中标签的增删改查
文档对象模型(document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中。
标签,元素,标记,节点
节点操作: 1.1 节点概述-
文档是一个文档节点。(页面中的汉字,空格符,特殊符号)
-
所有的HTML元素都是元素/标签节点。 **
-
所有 HTML 属性都是属性节点。
-
文本插入到 HTML 元素是文本节点。
想操作页面中的某一个标签,要先拿到这个标签。
1.3 节点的操作- 增加操作
| 名称 | 含义 |
| document.createElement(标签名) | 创建一个节点 |
| insertBefore(新标签,哪个标签之前) | 在哪个标签之前插入节点 |
| 父.appendChild(新标签) | 在父节点的里边追加子节点 |
| cloneNode() | 复制节点,如果参数为true,还会复制当前节点的子孙节点,否则只复制当前节点。 |
- 删除操作
| 名称 | 含义 |
| 父.removeChild(子标签) | 删除指定的子标签/子节点 |
| 自己.remove() | 删除自身 |
- 修改操作
| 名称 | 含义 |
| parent.replaceChild(新标签, 旧标签); | 将父标签中的旧标签用新标签替换掉 |
(BOM Broswer Object Model)浏览器对象模型,以 window 对象为依托,表示浏览器窗口以及页面可见区域。同时, window 对象还是 ECMAscript 中的 Global (全局)对象,因而所有全局变量和函数都是它的属性,且所有原生的构造函数及其他函数也都存在于它的命名空间下。
BOM就是学习对浏览器窗口的操作
2.1 Location对象html css js jq java jdbc javaweb(servlet jsp ) mysql mybatis spring springmvc ........
URL :统一资源占位符,定位符
Location 对象包含有关当前 URL 的信息。
Location 对象是 window 对象的一部分,可通过 window.Location 属性对其进行访问。
| window.location.href="" | 改变当前页面的地址(有历史) |
| window.location.replace() | 替换当前页面的地址(无历史) |
| window.location.reload() | 重新加载当前页面 |
鼠标,表单,焦点,键盘。。。
代表事件状态,如事件发生的元素,键盘状态,鼠标位置和鼠标按钮状态
案例:键盘按键键码,鼠标点击位置坐标
2.3 setTimeout方法在指定的毫秒数后调用函数或计算表达式。
setTimeout(要调用的函数名称,延迟的时间,参数,。。。。。);
setTimeout(function(){},5000)//在setTimeout中直接定义函数
2.4 clearTimeout方法取消由 setTimeout() 方法设置的 timeout
2.5 setlnterval方法 clearlnterval()按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval 每隔一定的时间执行方法。
clearInterval 关闭定时器
3. Date函数| 方法 | 作用 |
| myDate.getYear() | 获取当前年份(2位) |
| myDate.getFullYear() | 获取完整的年份(4位,1970-????) |
| myDate.getMonth() | 获取当前月份(0-11,0代表1月) |
| myDate.getDate() | 获取当前日(1-31) |
| myDate.getDay() | 获取当前星期X(0-6,0代表星期天) |
| myDate.getTime() | 获取当前时间(从1970.1.1开始的毫秒数) |
| myDate.getHours() | 获取当前小时数(0-23) |
| myDate.getMinutes() | 获取当前分钟数(0-59) |
| myDate.getSeconds() | 获取当前秒数(0-59) |
| myDate.getMilliseconds() | 获取当前毫秒数(0-999) |
| myDate.toLocaleDateString() | 获取当前日期 |
| myDate.toLocaleTimeString() | 获取当前时间 |
| myDate.toLocaleString() | 获取日期与时间 |
3.1 毫秒转换为时分秒
| 方法 | 作用 |
| Math.floor(ms/1000/3600/24) | 除以1000变为秒 毫秒转为天数 |
| Math.floor(ms%(3600241000)/1000/3600) | 毫秒转变小时 |
| Math.floor(ms%(3600241000)/1000%3600/60) | 毫秒转变分钟 |
| Math.floor(ms%(3600241000)/1000%3600%60) | 毫秒转变秒 |
=================================未完待续=================================



