本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 前言 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数.if语句.for语句等. DOM:文档对象模型,操作网页上的元素的API.比如让盒子移动.变色.轮播图等. BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动. 事件 JS是以事件驱动为核心…

Dom: * 概念:Document Object  Model    文档对象模型 * 将标记语言文档的各个组成部分,封装成对象,可以使用这些对象,对标记语言文档进行CRUD的动态操作 *    Dom将HTML文档表达成树结构 * W3C   Dom 标准被分为  3 个不同的部分: *  核心  Dom - 针对任何结构化文档的标准模型 *  Document:文档对象 *  Element:元素对象 *  Attribute:属性对象 *  Text:文本对象 *  Comment:注释…

1.获取或设置元素的内容:3个属性:   1. innerHTML: 获取或设置元素开始标签到结束标签之间的所有HTML代码原文.      何时使用:只要获得完整的html代码原文时      优化:如果批量删除或插入多个子元素时,尽量避免单个操作!            每次插入或删除操作都会导致排版引擎重新layout.            如果批量删除或插入,排版引擎只需要一次layout即可.      如何优化:                1. 删除: parent.inner…

DOM的概念 DOM是document Object Model的缩写,简称文档对象模型.他给文档提供了一种结构化的表示方式,可以改变文档的内容和呈现方式 所谓的DOM是以家族的形式描述HTML.父子节点,兄弟节点 DOM中的选择器 1.getElementById(id) //获取指定元素的ID元素 2.getElementsByTagName() //获取相同元素的节点列表,通过标签名选择元素,返回值是一个数组 3.getElementsByName() //通过name值获取元素,返回值是…

1.创建并增加元素节点 <ul id="ul"> <li>1</li> <li>2</li> <li>3</li> </ul> <script> var parentElement = document.getElementById("ul"); var NewNode= document.createElement("li"); NewN…

-----------------------小历史---------------------------- javascript与java是两种语言,他们的创作公司不同,JavaScript当时是借助java的影响力,将 名字改为javascript. 要说的是,学习javascript和学java大致相同,学完javascript你差不多也能掌握,java的大致基础 所以在选择学习语言之前,要清楚一个要点,就是这两个语言的学习反馈机制. 什么是反馈机制?简单的说:"就是学习语言时,它给你的回…

前言 本篇文章是JavaScript基础知识的BOM篇,如果前面的<JavaScript基础知识-DOM篇>看完了,现在就可以学习BOM了. 注意: 所有的案例都在这里链接: 提取密码密码: yvxo,文章中的每个案例后面都有对应的序号. 1. BOM 基本概念 BOM(Browser Object Model):浏览器对象模型,提供了一套操作浏览器的工具. BOM中包含的内容很多,但是有很多东西是用不到的.在BOM中我们需要掌握定时器. 2. window 对象 window对象是一个全局对…

一.伪数组arguments arguments代表的是实参,有个讲究的地方是:arguments只在函数中使用. 1.返回函数实参的个数:arguments.length,例如: fn(2,4); fn(2,4,6); fn(2,4,6,8); function fn(a,b,c) { console.log(arguments); console.log(fn.length); // 获取形参的个数 console.log(arguments.length); // 获取实参的个数 cons…

一.DOM全称 文档对象模型(Document Object Model) 二.DOM是什么 DOM可以说是制作动态页面的强有力工具.DOM不是JavaScript语言的一部分,而是内置在浏览器中的一个应用程序接口.当然,我们可以简单的理解为一种用于 HTML和XML文档的编程接口.它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式. 三.DOM的用途 DOM(文档对象模型)是一组用来描述脚本怎样与结构化文档进行交互和访问的web标准.他的功能是把浏览器支持的文档(包括HTML X…

索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等引用类型 一步步学习javascript基础篇(4):面向对象设计之创建对象(工厂.原型和构造函数等模式) 一步步学习javascript基础篇(5):面向对象设计之对象继承(原型链继承) 一步步学习javascript基础篇(6):函数表达式之[闭包] 一步步学习javascript基础篇(7):…