栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

Java学习笔记整理(JavaScript篇)

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Java学习笔记整理(JavaScript篇)

Javascript DOM编程 1. DOM编程是什么:

主要是对页面中标签的增删改查

文档对象模型(document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中。

标签,元素,标记,节点

节点操作: 1.1 节点概述
  • 文档是一个文档节点。(页面中的汉字,空格符,特殊符号)

  • 所有的HTML元素都是元素/标签节点。 **

  • 所有 HTML 属性都是属性节点。

  • 文本插入到 HTML 元素是文本节点。

1.2 标签节点对象的获取

想操作页面中的某一个标签,要先拿到这个标签。

1.3 节点的操作
  •  增加操作
名称含义
document.createElement(标签名)创建一个节点
insertBefore(新标签,哪个标签之前)在哪个标签之前插入节点
父.appendChild(新标签)在父节点的里边追加子节点
cloneNode()复制节点,如果参数为true,还会复制当前节点的子孙节点,否则只复制当前节点。
  •  删除操作
名称含义
父.removeChild(子标签)删除指定的子标签/子节点
自己.remove()删除自身
  • 修改操作
名称含义
parent.replaceChild(新标签, 旧标签);将父标签中的旧标签用新标签替换掉
2. BOM编程是什么

(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.2 event事件对象:

鼠标,表单,焦点,键盘。。。

代表事件状态,如事件发生的元素,键盘状态,鼠标位置和鼠标按钮状态

案例:键盘按键键码,鼠标点击位置坐标

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)毫秒转变秒

=================================未完待续=================================

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/642690.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号