2020-12-23 JavaScript基本概念3:Date(),计时器,BOM核心对象,BOM节点属性

1.Date()

获取当前时间日期对象;
获取日期对象方法;
时间戳 永远不会出现重复 唯一
1秒=1000毫秒;
日期对象转换方法;
随机整数函数的封装 函数的封装意思就是写个函数工具类,让你写个函数 ,让你写个工具 , 让你写个封装 ,让你写个功能

2.间歇调用,计时器

setInterval(函数,时间毫秒)无限次调用;第一个参数是回调函数,第二个参数是毫秒,多少毫秒执行一次回调函数,使用计时器必须清除函数;
setTimeout(函数,时间毫秒):第一个参数是回调函数,第二个参数是毫秒值,意思是经过多少毫秒执行回调函数,执行一次;清除计时器:clearTimeout/clearSetinterval;

3.BOM核心对象

window概述 js顶级对象:所有的 全局变量、全局函数 都是它的子对象
window子对象:dom 文档对象,url信息控制对象,浏览器本身信息对象,屏幕信息,历史记录
location子对象:window.location.href=”http://www.baidu.com”重定向到一个页面;
跳转到一个新页面 有哪些方法:1.window.open 2.window.location.href 3.window.location.replace
screen包含有个用户屏幕信息;history;窗口位置:第一个参数:是url地址;第二个参数:_blank新开窗口_self本窗口;第三个参数:控制窗口显示的宽和高;window.close关闭当前窗口;系统对话框:alert/prompt/confirm返回的是布尔值;history包含浏览器的地址;
同源:协议、域名、端口三个都相同叫同源。

4.BOM节点属性

nodeName节点名称、nodeValue、nodeType
查找元素的6种方法id特性:不重复、权重高、唯一性、做js节点操作;
Document.getElementById()返回一个元素节点;
doucument.getElementsByName();返回Nodelist类数组 传的是name属性的值
doucument.getElementsByClassName();返回的是HTMLCollection类数组;
doucument.getElementsByTagName();返回的是HTMLCollection类数组;
document.querySelector();返回的是一个元素 多个选择器取第一个
document.querySelectorAll();返回Nodelist类数组
获取或设置html内容:innerHTML:innerHTML赋值会覆盖标签内所有内容;设置或获取位于对象起始和结束标签内的html;innerTEXT:设置或获取位于对象起始和结束标签内的文本,innerTEXT只取文本,赋值会覆盖所有内容;outerHTML设置或获取对象及其内容的html,取值包括父节点;OuterTEXT设置或获取对象及其内容的文本,复制也会替换父节点包括子节点;
节点属性操作:第一步:查找节点;第二:操作节点内容;第三:操作属性;
attributes获取所有属性;getAttributes推荐;设置setAttributes推荐;删除removeAttributes;

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值