javascript之BOM、DOM部分系列

【1】BOM

  【1.1】BOM之window对象

  【1.2】BOM之location对象

  【1.3】BOM之navigator、history、screen对象

【2】DOM

  【2.1】DOM节点类型

    【2.1.1】DOM元素节点ELEMENT

    【2.1.2】DOM特性节点ATTRIBUTE

    【2.1.3】DOM文档节点DOCUMENT

    【2.1.4】DOM文本节点TEXT

    【2.1.5】DOM注释节点COMMENT

    【2.1.6】DOM节点之DocumentType类型、DocumentFragement类型

  【2.2】DOM节点操作方法

  【2.3】DOM节点关系

  【2.4】DOM动态脚本和动态样式

  【2.5】DOM选择器API

  【2.6】DOM操作表格实例

  【2.7】DOM中文本和标记的插入

  【2.8】DOM样式操作

  【2.9】DOM盒模型

时间: 2024-10-23 10:21:13

javascript之BOM、DOM部分系列的相关文章

JavaScript:BOM&DOM

BOM(Browser Object Model): feature: 1.BOM has no relevant standards. 2.The fundamental object of BOM is window. explain: We can know that BOM is closely related to the browser from it's name. Many things in the browser can be controlled through JavaS

Javascript之BOM(window对象)

摘自Rocky Ren 分享到 Javascript之BOM(window对象) ECMAScript是JavaScript的核心,但在web使用JavaScript,那么BOM(浏览器对象模型)才是真正的核心. BOM的核心对象是window,它表示浏览器的一个实例. 在浏览器中,window对象既是JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象.也就是说,在网页中定义的任何一个变量.对象和函数以window作为其Global对象. 1.全局作用域

Bom&Dom

Bom的起源: 采用计算机辅助企业生产管理,首先要使计算机能够读出企业所制造的产品构成和所有要涉及的物料,为了便于计算机识别,必须把用图示表达的产品结构转化成某种数据格式,这种以数据格式来描述产品结构的文件就是物料清单,即是BO M.它是定义产品结构的技术文件,因此,它又称为产品结构表或产品结构树.在某些工业领域,可能称为"配方"."要素 [1]  表"或其它名称. Bom的作用: BOM是PDM/MRPⅡ/ERP信息化系统中最重要的基础数据,其组织格式设计合理与否

BOM,DOM, JS,JQ

BOM:浏览器对象模型,与浏览器进行对话window:对象window.innerHeight:浏览器内部高度window.innerWidth:浏览器内部宽度window.open(x,y,z):打开新窗口 x:网址 y:空 z:长宽设置 (***)window.close():关闭当前窗口 window的子对象:(***) navigator.userAgent: 客户端绝大部分信息 (爬虫)(***) window.forward():前进一页 window.back():后退一页 loc

javascript之【贪吃蛇系列】第一弹:简单的贪吃蛇实现

参考博客:http://blog.csdn.net/sunxing007/article/details/4187038 以上博客是参考,毕竟第一次做,真让自己盲人摸象做不出来. 不过我在其上做了一些改进,界面等效果看起来更好一些. 下图是在Chrome上运行的效果,但是火狐和IE会不兼容,onkeydown事件不能正确调用 这里用了一张图把贪吃蛇制作过程的思想画了出来,画的有点简陋: 下面就是把代码发上来,上边有详细的解释: <html> <head> <title>

2014年辛星解读Javascript之用DOM动态操纵HTML元素

关于DOM,我们了解了可以用DOM操纵HTML的一些属性和样式,还可以为HTML元素绑定事件等等,那么接下来,我们将涉及到用DOM来动态的创建.删除HTML等一些操作,我的核心思路还是重实战,因此,代码示例是肯定少不了的. 不过在使用DOM动态操纵HTML元素之前,我们还是先了解一下DOM树,下面是我从网上找的一个DOM树的图片,它的截图如下: 如果大家学习过"树"这种数据结构,就会很好理解,一个父节点可以包含N个子节点,这些子节点可能是div.p等标签,也可以是属性,还可以是中间的文

【JQuery】jquery对象和javascript对象即DOM对象相互转换

jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象.jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法:例如: $("#img").attr("src","test.jpg"); 这里的 $("#img")就是 jQuery 对象. DOM对象就是Javascript 固有的一些对象操作.DOM 对象能使用Javascript 固有的方法,但是不能使用

JavaScript和HTML DOM的区别与联系

JavaScript和HTML DOM的区别与联系 区别: javascript JavaScript 是因特网上最流行的浏览器脚本语言.很容易使用!你一定会喜欢它的! JavaScript 被数百万计的网页用来改进设计.验证表单.检测浏览器.创建cookies,以及更多的应用. HTML DOM HTML DOM 是 W3C 标准(是 HTML 文档对象模型的英文缩写,Document Object Model for HTML). HTML DOM 定义了用于 HTML 的一系列标准的对象,

javascript JavaScript强化教程——DOM编程性能优化

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 ——DOM编程性能优化 DOM的访问与修改访问DOM元素是有代价的——修改元素侧更为昂贵,因为他会导致浏览器重新计算页面的几何变化.当然,最坏的情况是在循环中访问或修改元素,尤其是对HTML元素几何循环操作.为了让你对DOM编程带来的性能问题有个量化的了解,请看下面的简单实例: function innerHTMLLoop(){ for(var count = 0;count<15000;count++)

【转】console.time 简单分析javascript动态添加Dom节点的性能

本文代码约定 1 el: 指的是增加直接点的DOM节点 2 totalNum: 为100000(值越大越能体现差距)指的是循环创建的DOM节点 3 for(var i=0;i<totalNum;i++){}: 我们用for来表示就好了,简写代码 如果叫你用javascript动态增加DOM节点,你有哪几种思路呢? 1 .使用innerHTML和字符串拼接 console.time("time1"); var str = ""; for{ str += &quo