首页 > 编程语言 >JavaScript(二)--DOM

JavaScript(二)--DOM

时间:2023-10-07 23:11:46浏览次数:37  
标签:异步 存储 DOM -- JavaScript 对象 任务 localStorage 执行

DOM浏览器对象模型

window对象是一个全局对象

var定义的全局作用域中的变量、函数都会成为window对象的属性和方法

调用时可省window

 

延时函数

let timer = setTimeout(回调函数,等待毫秒数)
clearTImeout(timer)

JS执行机制

单线程(同一时间只能做一件事)

H5提出新标准,允许js创建多线程,因此 出现了异步和同步

同步任务:在主线程上执行,形成一个执行栈

异步任务:添加到任务队列(也称消息队列)

js执行机制:先执行执行栈里的同步任务,当同步任务执行完毕,按序去读取任务队列里的异步任务,被读取的异步任务结束等待状态,进入执行栈,开始执行。

主线程不断从任务队列获得任务、执行任务、再获得、再执行,我们称这种机制为事件循环。

 

location对象 拆分并保存URL地址的各个部分
href属性获取完整的URL地址
location.href="https://www.baidu.com?id=1"
search属性获取携带参数,?
hash属性获取地址中的hash值,#
reload方法用来刷新页面

navigation对象 记录浏览器相关信息
常用userAgent检测浏览器自身的相关信息

history对象 管理历史记录
back() 后退
forward() 前进
go(参数) 前进/后退几个页面

screen对象

本地存储 localStorage 可永久存储于本地,需手动删除

存储
localStorage.setItem(key,value)
获取
localStorage.getItem(key)
删除
localStorage.removeItem(key)

会话存储 sessionStorage 关闭浏览器被清除

存储复杂类型数据

本地只能存储字符串,所以需要将复杂数据转换成JSON字符串,在存储到本地

JSON.stringify()
取出时再将字符串转换为原来的数据类型
JSON.parse(js字符串)
 

 

标签:异步,存储,DOM,--,JavaScript,对象,任务,localStorage,执行
From: https://www.cnblogs.com/yheyi/p/17747714.html

相关文章

  • 244
    10-7周六,补课很平常的一天,啥都不是。小学一点,几个对专业很有用的科普视频:计网,手机触摸屏,计算机底层。都看两遍,很不错的视频此外就没什么了。晚上想缴费不成,明早早起吃早餐的时候再试试......
  • 【C#】【DateTime】获取当前时间的前一天或者后一天方法学习
     假期懈怠了一阵子,因为工作环境没有网络,随即记录下当时的问题:1、关于DateTime.Now(2023/10/07)的前一天的时间(2023/10/06),想要通过ToString转换成字符串后除去符号(20231007)再Convert.ToInt32转int类型然后-1,再转字符串去进行匹配,但是方法上过于繁琐 解决办法:可使用AddDays()......
  • 谷歌记住密码,设置浏览器 免登录
      """"读chrome本地cookie数据(需要先手动登录勾选记住密码),实现免登陆操作注意:关闭chrome浏览器,否则运行报错!!!"""fromtimeimportsleepfromseleniumimportwebdriverfromselenium.webdriver.chrome.optionsimportOptionsdefget_cookie(url):#实例......
  • Spring中@Autowired和@Resource的区别
    说明@Autowired这个注解呢,是由Spring提供的;@Resource由JDK提供的区别①注解内参数不同@Autowired只包含一个required参数,默认为true,表示开启自动注入@Resource包含七个参数,其中最重要的两个是name和type②装配方式默认值不同@Autowired默认按type自动装配@Resource默认按......
  • 多项式板子
    FFTconstdoublepi=acos(-1.0);intrev[N];voidFFT(complex<double>*a,intnr,intflag){for(inti=0;i<nr;i++){if(i<rev[i])swap(a[i],a[rev[i]]);}for(inti=1;i<nr;i<<=1){complex<double>wn(cos(p......
  • CentOS下载docker
    1.在安装Docker之前,先说一下配置,我这里是Centos7Linux内核:官方建议3.10以上,3.8以上貌似也可。注意:本文的命令使用的是root用户登录执行,不是root的话所有命令前面要加sudouname-r[root@localhost~]#uname-r3.10.0-1160.el7.x86_64我这里是3.10,满足条件。2.......
  • 实时显示鼠标当前rgb颜色值
    Loop{function_get_RGB()Sleep200}function_get_RGB(){MouseGetPos,MouseX,MouseYPixelGetColor,color,%MouseX%,%MouseY%;输出的是bgrSetFormat,Integer,d;ToolTip,%Asc(substr(color,3,2)),%red_hex%a1:=substr(......
  • 20231007
    //acceptable,finalize,insist,persuade,quote,rate,realistic,reputation,suggest,comparewith,fairoffer,makeanoffer,predatorypricingacceptable-可接受的Acceptablemeanssatisfactoryorsuitabletomeetacertainstandardorrequirement.Itim......
  • 谷歌浏览器 永久不更新
    C:\ProgramFiles(x86)\Google 改update名字,改权限   ......
  • CentOS Integration SIG 正式成立
    CentOS 董事会已批准成立CentOSIntegrationSpecialInterestGroup(SIG)。该小组旨在帮助那些在RedHatEnterprise Linux (RHEL)或特别是其上游CentOSStream上构建产品和服务的人员,验证其能否在未来版本中继续运行。红帽 RHELCI工程师AleksandraFedorova......