首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

webapi(六)- BOM

BOM:浏览器对象模型 Window是浏览器内置的全局对象(也叫顶级对象),我们学习的所有Webapi知识都是基于Window对象实现的。...注意: setTimeout 仅仅只执行一次,平时省略window 清除延时函数 let timerId = setTimeout(fn , 1000) clearTimeout(timerId) JS...为了解决这一问题,JS将任务分为两类:同步任务和异步任务 // 输出结果是 1 3 2 console.log(1) setTimeout(function () {...异步任务不会有阻塞 比如常见的异步任务: 注册事件 setTimeout setInterval Ajax 事件循环 Eventloop 同步任务由 JavaScript 主线程依次来执行 (所有的js...建议使用data-* 来表示自定义属性 通过dataset来操作 // 自定义属性规范推荐的做法 // 说明:建议使用data-* 来表示自定义属性 // 在JS

88820

前端day12-JS(WebApi)学习笔记(操作元素属性,事件介绍)

1-WebApi介绍 1.1-WebAPI概念介绍 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力...任何开发语言都有自己的API API的特征输入和输出(I/O) API的使用方法(console.log()) WebAPI概念 浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM) 此处的...png 1.ECMAScript - JavaScript的核心 定义了javascript的语法规范 JavaScript的核心,描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了js...能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件做出反应 DOM工作原理: 硬盘代码读取到内存 -> 浏览器渲染引擎生成DOM树(document) -> 开始渲染页面 js...3.一定是一个字符串,例如:div.style.height得到150px 得到的是一个带单位的字符串 4.如果css样式的属性有 - 例如background-color,margin-top,使用js

1.6K00

前端day13-JS(WebApi)学习笔记(attribute语法、DOM节点操作)

我是i连接我是p'; 2-attribute语法学习 标签元素属性: (1)行内标准属性 (2)行内自定义属性 (3)js...setAttribute('属性名',属性值); 3.删除属性: 元素.removeAttribute('属性名'); 用attribute方式设置的属性只能使用attribute方式来获取 2.注意点 js...点语法能获取到的属性: (1)行内标准属性 (2)js点语法动态添加的自定义属性 不能获取到的属性: (1)行内自定义属性 (2)行外属性 getAttribute能获取到的属性: (1)行内标准属性...(2)行内自定义属性 (3)setAttribute动态添加的属性 不能获取到的属性: (1)js点语法动态添加的自定义属性 (2)行外属性 3.总结:js点语法操作属性与attribute语法操作属性场景...,并赋予了JS操作文档的能力。

3K11

【JavaEE初阶】JavaScript(WebAPI)

1.WebAPI背景知识 1.1什么是WebAPI 前面学习的JS分成三大部分: ECMAScript: 基础语法部分 DOM API: 操作页面结构 BOM API: 操作浏览器 WebAPI 就包含了...而 WebAPI 是一个更具体的概念, 特指 DOM+BOM 所谓的 API 本质上就是一些现成的函数/对象, 让程序猿拿来就用, 方便开发....具体可查看: API参考文档 2.DOM基本概念 2.1什么是DOM DOM 全称为 Document Object Model, 是页面文档对象模型, html中的每个标签都是可以映射到JS中的一个对象中的..., 标签中的内容都可以通过JS对象感知到, JS对象修改对应的属性能够影响到标签的展示, 通过这样的DOM API就可以让JS代码来操作页面元素. 2.2常用的DOMAPI 2.2.1.选中页面元素 在...); } 还有一种修改样式的方式可以通过修改类属性来达到修改样式的效果, 可以通过元素.className来获取/修改类属性的值, 由于class是 JS

21620
领券