微信公众号“前端大全”推送了一篇名为“通俗易懂的来讲讲DOM”的文章,把javascript原生DOM相关内容讲解的很详细.仔细读了一遍,觉得整理总结的不错,对自己也很使用,所以把内容整理过来,并根据自己的理解稍作改动. DOM是所有前端开发每天打交道的东西,但是随着jQuery等库的出现,大大简化了DOM操作,导致大家慢慢的“遗忘”了它的本来面貌.不过,要想深入学习前端知识,对DOM的了解是不可或缺的,所以本文力图系统的讲解下DOM的相关知识,如有遗漏或错误,还请大家指出一起讨论^ ^. 一.…

一.什么是BOM 1. BOM是browser object model的缩写,简称浏览器对象模型: 2. BOM提供了独立于内容而与浏览器窗口进行交互的对象,描述了与浏览器进行交互的方法和接口: 3. 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window: 4. BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性: 5. BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C: 6. BOM最初是Netscape浏览器标准的…

一 概述 1.1 函数声明 (1)function命令 函数就是使用function命令命名的代码区块,便于反复调用.这种声明方式叫做函数的声明(Function Declaration). function print(){ // ... } (2)函数表达式 除了用function命令声明函数,还可以采用变量赋值的写法. var print = function (){ // ... }; 这种写法将一个匿名函数赋值给变量.这时,这个匿名函数又称函数表达式(Function Expressi…

一.对json的理解     json是一种数据格式,不是一种编程语言,json并不从属于javascript.     json的语法可以表示以下三种类型的值     1)简单值            与js相同的语法,可以在json中表示字符串(必须使用双引号,单引号会导致语法错误).数值.布尔值.和null,但是不支持undefined.     2)对象            json的对象是一种复杂的数据类型,表示一组无序的键值对 { "name": "Nichol…

一.与其他语言数据的比较    相同点:有序列表    不同点:js的数组的每一项可以保存任何类型的数据:数组的大小是可以动态调整的 二.数组创建的两种方法 1)  var colors = new Array();//创建一个空数组,new可省略      var colors = new Array(3);//创建一个包含3项的数组      var colors = new Array("red","green","blue");//创建一…

DOM 全称是 Document Object Model 文档对象模型大白话,就是把文档中的标签,属性,文本,转换成为对象来管理                                                                                                                                                                                        …

DOM入门 DOM就是Html页面的模型,将每个标签都做为一个对象,JavaScript通过调用DOM中的属性.方法就可以对网页中的文本框.层等元素进行编程控制.比如通过操作文本框的DOM对象,就可以读取文本框中的值.设置文本框中的值. JavaScript→DOM就是C#→.Net Framwork.没有.net,C#只能for.while,连WriteLine.MessageBox都不行.DOM就是一些让JavaScript能操作Html页面控件的类.函数. DOM也像WinForm一样,通…

今天是2019年6月25日,闲来无事,写一篇文章来看看自己脑袋里装了多少JavaScript知识! 这儿就第一章: 说起JavaScript,它是什么?后端脚本语言?前端编程语言?还是在网站浏览器上运行的编程语言?我觉的它都算的上是!只能说它更靠近网站吧! 它是给我们HTML.css加上行为,使网站具有自己的思想,自己的计算能力以及自己的行动效果! 今天我想说一说JavaScript里面的DOM模型: DOM模型全称为“文档对象模型”(Document Object Model)概念:将网页转为…

第十四课DOM技术概述1:DOM概述 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树).    DOM是一种与浏览器,平台及语言无关的接口,能够以编程方式    访问和操作文档    1.DOM是Document Object Model(文档对象模型)的简称    2.提供了访问,操作该模型的API    2:DOM的分层结构    在DOM中,文档的层次结构被表示为树形结构…

JavaScript与浏览器的工作 1.浏览器获取并加载你的页面,从上至下解析它的内容. 遇到JavaScript时,浏览器会解析代码,检查它的正确性,然后执行代码. 浏览器还会建立一个HTML页面的内部模型(DOM). 2.JavaScript继续执行,使用DOM检查页面.完成修改.从页面接受事件,或者要求浏览器从Web服务器获取其它数据. JavaScript如何与页面交互? JavaScript是代码,HTML是标记,完全不同的东西 怎么让它们交互呢? 答案是使用文档对象模型(Docunm…