Web API 基本认识 作用和分类 什么是 DOM DOM 树 DOM 对象 作用:使用 JS 去操作 HTML 和浏览器 分类:DOM文档对象模型、BOM浏览器对象模型 DOM 是浏览器提供的一套专门用来操作网页内容的功能 3.1 开发网页内容特效和实现用户交互 DOM 树 4.1 将 HTML 文档以树
任务描述 本关任务:用jQuery获取元素的内容和属性。效果如下: 相关知识 为了完成本关任务,你需要掌握:1.获取元素的内容,2.获取元素的属性。 获取元素的内容 基本的html结构如下: <p><srtong>我是 srtong 标签</strong>我是文本内容</p> 如何获取p标签的内容呢?这里有两种方法,要注意区
任务描述 本关任务:用jQuery设置元素的内容和属性值。效果如下: 相关知识 为了完成本关任务,你需要掌握:1.设置元素的内容,2.设置元素的属性。 设置元素的内容 基本的html结构如下: <p class="first"></p> <p class="second">我是第二个</p> <input class="third" type="text"/>
任务描述 本关任务:用jQuery添加元素,显示效果如下图。 相关知识 为了完成本关任务,你需要掌握:1.append(),prepend(),2.before(),after()。 基本的html结构如下: <button class="btn1">添加内容 </button> <button class="btn2">添加内容 </button> <div class="box">
任务描述 本关任务:用jQuery删除元素。效果如下: 相关知识 为了完成本关任务,你需要掌握:1.remove(),2.empty()。 基本的html结构如下: <button class="btn">删除内容</button> <div class="box"> <p class="com first">我是第一行</p> <p class="com sec
前言 textContent、innerText 和 innerHTML 三个方法的使用场景和区别 textContent 和 innerText IE 浏览器最早引入了innerText, 虽然是IE浏览器私有属性,但是其他很多浏览器也支持了。提到IE,必然是坑! 火狐浏览器把innerText换成了textContent , 但其他浏览器上面,也是可以使用text
DOM编程就是浏览器和用户之间的接口,可以在浏览器上显示内容或是反馈用户的点击操作。 宿主对象可以把它理解为类似于其他程序设计语言的外部库的概念即可。 图1.1 Web 应用程序的组成结构 【评】接口就类似于插头,有两孔的、三孔的。
React (a.k.a. ReactJS or React.js) is a JavaScript library for creating user interfaces, open sourced to the world by Facebook and Instagram team in 2013. One might think of it as the “View” in the “Model-View-Controller” pattern. React’s main goal is t
javascript语言的一大特点就是单线程,既同一时间只能做一件事情 javascript的单线程,与它的用途有关 作为浏览器脚本语言,javascript的主要用途是与用户互动,以及操作DOM 这决定了它只能是单线程,否则会带来很复杂的同步问题
DOM获取元素、修改元素 1.DOM ①什么是DOM?作用? DOM是文档对象模型作用:操作网页内容,可以开发网页内容特效和实现用户交互。 ②DOM对象 2.获取DOM元素 ① 根据CSS选择器来获取DOM元素 (重点) 思考 获取一个DOM元素我们使用谁?querySelector() 获取多个DOM
前言 根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点: 整个文档是一个文档节点 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点 注释是注释节点 属性节点 比如有一个p标签元素节点 <p id="p2" class="text-center" >点我看看</p> 那
前言 HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。 常用的一些事件 事件名称 作用 onload 通常用于 元素,在页面完全载入后(包括图片、css文件等等。)执行脚本代码。 onunload 用户退出页面。 ( 和 ) onclick 当用户点击某个对象时调用的事件
目录1. Navigation1.1 DNS Lookup1.2 TCP Handshake1.3 TLS Negotiation#协商2. Response2.1 TCP Slow Start / 14KB rule2.2 Congestion control#拥阻控制3. Parsing3.1 Building the DOM tree3.2 Preload scanner3.3 Building the CSSOM4. Other Processes4.1 JavaScript Compil
前言 如何查找和访问 HTML 页面中的节点元素?也就是我们经常说的定位元素的一些方法。 查询 HTML 节点(元素)一些方法 查找 html 页面上的元素,可以用以下方法 方法 节点类型 getElementById() 通过 id 查找 HTML 元素 getElementsByClassName() 通过标 class 属性查找 HTM
DOM DOM document Object Model 文档对象模型 // 整个html文档,会保存一个文档对象document // console.log( document ); // 获取当前文档的对象
1.在template定义ref的dom vue2里直接this.$refs.grade即可 vue3使用 1.setup定义 2.获取dom 以上是echart里根据ref获取dom的使用
第 1 章 什么是 JavaScript 第 2 章 HTML 中的 JavaScript 第 3 章 语言基础 第 4 章 变量、作用域与内存 第 5 章 基本引用类型 第 6 章 集合引用类型 第 7 章 迭代器与生成器 第 8 章 对象、类与面向对象编程 第 9 章 代理与反射 第 10 章 函数 第 11 章 期约与异步函数 第 12
最近活儿实在是太多了。好不容易考完试想放松一下,突然想起博客园这边的博客还是一片空白,那就来装饰一下子吧! 我在高中搞oi的时候就一直关注一位学姐——胡小兔,她的博客很简单易懂~ 这次就准备来个和她同款的博客背景嘿嘿。但是问题来了,我不会JS和CSS。鉴于直接拿代码走人好像不太
一、BOM 1.1概念 https://developer.mozilla.org/zh-CN/docs/Web/API/Window BOM(Browser Object Model) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。 BOM由多个对象组成,其中代表浏览
事件绑定方式一【HTML事件处理程序】 HTML事件处理程序: 将事件直接内嵌内HTML结构标签元素内的 【不推荐用,因为不灵活】 例: <input type="button" onclick="alert('我是事件绑定方式一:HTML事件处理程序,我是内嵌在HTML结构中的');" value="事件绑定方式一【内嵌】" /> 或 <input t
2.1 网页构成 HTML 网页是利用 HTML 语言编写的文档,它是一种半结构化的数据表现方式。它的结构特征可以归纳为三种:树状结构、层次结构和框结构,这些都是分析 WebKit 引擎渲染网页的基础。 2.1.1 基本元素和树状结构 简单来讲,HTML 网页就是一种使用 HTML 语言撰写的文档。但是,
前端内存泄漏 系统进程不再用到的内存,没有及时释放,就叫做内存泄漏(memory leak)。当内存占用越来越高,轻则影响系统性能,重则导致进程崩溃。Chrome 限制了浏览器所能使用的内存极限64位为 1.4GB,32 位为 1.0GB 一、引起内存泄漏的原因 1. 意外的全局变量 由于 js 对未声明变量的处理方
1.jQuery的简介(Write less,do more) 一个优秀的JS库,主要的作用是简化对DOM对象的查询工作(本身的名字就是JS Query(查询)的缩写),并且同时实现了链式调用和读写合一的功能; 其本质是一个封装起来的自调用函数,其中大部分的方法都放在了jQuery这个量上,然后暴露jQuery和$(两者相
解析XML的方法越来越多,但主流的方法也就四种,即:DOM、SAX、JDOM和DOM4J 下面首先给出这四种方法的jar包下载地址 DOM:在现在的Java JDK里都自带了,在xml-apis.jar包里 SAX:http://sourceforge.net/projects/sax/ jdom:http://jdom.org/downloads/index.html dom4j:http://sourceforge.ne
用echarts实现展示地图,但是地图显示的范围一直超出他那个div,同时报错。 完整报错信息: Can’t get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They should not be 0.For example, you may need to call this in the callback of window.onload. 按