js获取canvas 的宽和高，到底是多少

canvaswidth获取的是写在标签属性中的宽度值，eg :<canvas width="800" height="600"></canvas>

这时我们获取的canvas的宽度值是800px;但是如果canvas标签没有设置宽高属性，而是写在css样式表，或者style标签中，canvaswidth获取的是canvas的默认宽（canvas默认宽是300px,默认高是150px）

DOM 的全称是" Document Object Model "，中文意思为“文档对象模型”。

就像 JS 中所有的对象都继承自 Object 一样，浏览器提供一个原生的节点对象 Node （Node 是一个函数）， DOM 的所有节点都继承自 Node ，Node 又继承自 Object，因此它们具有一些共同的属性和方法。

一个文档的所有节点，按照所在的层级，可以抽象成一种树状结构。这种树状结构就是 DOM 树。

顶层的 根节点 html 属于 Document 节点，代表整个文档；

第二层级和第三层级的属于 Element 节点，即网页的各种 HTML 标签；

第四层级的属于 Text 节点，即标签之间或标签包含的文本。

页面中的节点，通过上述不同的构造函数，构造出相应的对象。

由此可以看出 DOM 的主要作用 ：DOM 是 JavaScript *** 作网页的接口，它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种 *** 作（如增删改查）。

DOM 有自己的国际标准，目前通用版本是 DOM 3。

Node 属性有很多，用到时可以查询文档。

如果一个属性是函数，那么这个属性也叫做 方法 ；即方法是函数属性。

document对象是文档的根节点，windowdocument属性就指向这个对象。

通过 DOM API 获取到的 elements 都是伪数组。

Element 对象对应网页的 HTML 元素。每一个 HTML 元素在 DOM 树上都会转化成一个 Element 节点对象。

DOM 提供两种节点集合，用于容纳多个节点： NodeList 和 HTMLCollection 。这两种集合都属于接口规范。许多 DOM 属性和方法，返回的结果是 NodeList 实例或 HTMLCollection 实例。

节点对象除了继承 Node 接口以外，还会继承其他接口。

js里没有用到‘#’的代码端，一般'#'是在jQuery 有用到，一般用于id选择元素使用。

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

扩展资料

jQuery的模块可以分为3部分：入口模块、底层支持模块和功能模块。

在构造jQuery对象模块中，如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式，则会调用选择器Sizzle（一款纯JavaScript实现的CSS选择器引擎，用于查找与选择器表达式匹配的元素集合）遍历文档。

查找与之匹配的DOM元素，并创建一个包含了这些DOM元素引用的jQuery对象。

浏览器功能测试模块提供了针对不同浏览器功能和bug的测试结果，其他模块则基于这些测试结果来解决浏览器之间的兼容性问题。

在底层支持模块中，回调函数列表模块用于增强对回调函数的管理，支持添加、移除、触发、锁定、禁用回调函数等功能；

异步队列模块用于解耦异步任务和回调函数，它在回调函数列表的基础上为回调函数增加了状态，并提供了多个回调函数列表，支持传播任意同步或异步回调函数的成功或失败状态；数据缓存模块用于为DOM元素和Javascript对象附加任意类型的数据；

队列模块用于管理一组函数，支持函数的入队和出队 *** 作，并确保函数按顺序执行，它基于数据缓存模块实现。

在功能模块中，事件系统提供了统一的事件绑定、响应、手动触发和移除机制，它并没有将事件直接绑定到DOM元素上，而是基于数据缓存模块来管理事件；Ajax模块允许从服务器上加载数据，而不用刷新页面，它基于异步队列模块来管理和触发回调函数；

动画模块用于向网页中添加动画效果，它基于队列模块来管理和执行动画函数；属性 *** 作模块用于对HTML属性和DOM属性进行读取、设置和移除 *** 作；DOM遍历模块用于在DoM树中遍历父元素、子元素和兄弟元素；DOM *** 作模块用于插入、移除、复制和替换DOM元素；

样式 *** 作模块用于获取计算样式或设置内联样式；坐标模块用于读取或设置DOM元素的文档坐标；尺寸模块用于获取DOM元素的高度和宽度。

参考资料来源：百度百科-jQuery

1、javascript 获取 Dom 树比较简单。直接获取document 文档对象就可以了，或者也可以直接从具体的控件对象进行获取。

2、比较困难的是如何获取之前旧的dom 树对象。常见的思路是可以设置一个全局的数组变量保存之前的dom树对象，注意此对象保存的只是引用，你做变更，之前保存的对象也是变的，因为两者本来就是同一个对象。所以你要保存的必须是dom树的复制对象，也就是所谓的深拷贝对象，这个是有点复杂度的，节点如果复杂的话，容易出现问题，要注意处理。

3、希望对你有帮助。

以上就是关于js获取canvas 的宽和高，到底是多少全部的内容，包括:js获取canvas 的宽和高，到底是多少、JS 核心之 DOM、#在js中代表什么等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！