JavaScript思维导图-来自@王子墨http://julying.com/blog/the-features-of-javascript-language-summary-maps/ DOM基本操作…

javascript DOM基本操作 1.DOM(Document Object Model 文档对象模型) 2.节点: 文档节点:document 元素节点:html.head.body.title.meta.h1.p等 属性节点:attr 文本节点:text 2.1节点获取 documen.getElementById("元素ID")                       //返回含有该ID的元素 document.getElementsByName("元素name…

一.DOM继承树 DOM——Document Object Model DOM定义了表示修改文档所需要的方法.DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml的一类厂商定义,也有人称DOM是对HTML以及xml的标准编程接口. 继承树模型图: 1.document继承于HTMLDocument,而HTMLDocument继承于Document; 2.文本节点对象Text与注释节点对象Comment继承于CharacterData 3.在Element节点下其实存在两个子节点,除…

 js文件写法.规范 // 定义全局变量 var num = 0;//这个是用来记数的. // 页面加载完成 window.onload = funtion(){ intVar();//初始化变量 scrollFun();//滚动监听 .... } // 定义方法 funtion initVar(){} funtion scrollFun(){} dom操作 dom  操作页面上的标签 js的组成:ECMAscript(核心语法) BOM  浏览器对象模型 windows  窗口 locatio…

基本概念 文档对象模型 (DOM) 是HTML和XML文档的编程接口.它提供了对文档的结构化的表述,并定义了一种方式可以使程序对该结构进行访问,从而改变文档的结构,样式和内容.DOM 将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合.简言之,它会将web页面和脚本语言连接起来 一个web页面是一个文档.这个文档可以在浏览器窗口或作为HTML源码显示出来.但文档对象模型(DOM)提供了对同一份文档的另一种表现:存储和操作的方式. DOM是web页面的完全的面向对象表述,它能够使用…

//div出滚动条: <div id="discussion" style="height:500px;overflow:auto;"></div> //滚动条始终处于最下面.聊天程序需要 $("#discussion").bind('DOMNodeInserted', function(e) {            this.scrollTop=this.scrollHeight; });…

1.查看滚动条的滚动距离 document.body.scrollLeft与document.documentElement.scrollLeft是冲突的,一个有值另一个的值就为0, ▲兼容性比较混乱,同时取两个值相加,因为不可能存在两个同时有值 so最兼容的写法就是document.body.scrollLeft+document.documentElement.scrollLeft window.pageXOffset/pageYOffset    IE8/IE8以下都不兼容,IE9以上才兼…

在学习javascript过程中只是一知半解好多,碰到自己不知道属性方法,到最后都不知道自己学到了什么 js代码为什么这样写 为什么你知道这方法或属性可以这样用. DOM和window对象 DOM基本操作: 获得节点: document:通过元素ID获取节点,标签,name属性 节点指针:获取元素首个子节点,最后一个,子节点列表,兄弟节点的前一个后一个,节点的父节点 节点操作: 创建节点:创建元素节点,属性节点,文本节点 插入节点:节点的子节点添加新的子节点  已有节点前插入新子节点 替换节点:…

一.DOM节点的操作 1.增加: (1). document.creatElement('标签名');创建元素节点 (2). document.creatTextNode('文本内容'):创建文本节点 (3). document.creatComment('注释内容'); 创建注释节点 (4). document.DocumentFragment();添加文本碎片 2.插入 (1). dom.appendChild('domName'); 向Dom添加子节点 document.body.appe…

----------------------------------------------------------------------------------------------第一部分 DOM基本知识 一.定义: 1.DOM: Document Object Model,是操作html和css的,是一系列对象的集合, 是html和xml的标准编程接口. 2.document 代表着整个文档,但不是指整个html,确切说是document包含html. 二.增删改查: (1).查询(选…