js

mac2024-03-25  26

javascript的组成

1.核心( ECMAScript):JavaScript语言的核心,包含基本语法、数据类型、关键字… 提供基本语言 es5 es6 es7 2、文档对象模型( DOM):提供访问和操作网页内容的方法和接口;可操作HTML中的标签内容、样式、结构;

DOM(Document Object Model)即文档对象模型使JavaScript有能力与HTML 文档的所有元素“对话

3.浏览器对象模型( BOM):提供与浏览器交互的方法和接口。可操作浏览器窗口,比如浏览器地址栏,浏览器访问历史等;

BOM(Browser Object Model)即浏览器对象模型使 JavaScript 有能力与浏览器“对话”。 bom window confirm() alert() prompt() 基本的数据 type number |string|boolean 计时器 setInterval(函数,时间) clearInterval(timer) 超时器 setTimeout(fn,time) clearTimeout(timer2) screen,location history

节点操作

1.标签节点 nodeName:标签名 nodeValue:null nodeType:1 2.属性节点 通过 obj.attriblutes[index] nodeName:属性名 nodeValue:属性值 nodeType:2 3.文本节点 nodeName nodeValue nodeType

节点操作 增删改查

1.首先要找到标签对象 document.getElementById() document.getElementsByClassName() document.getElementsByTagName() document.getElementsByName() document.querySelector() document.querySelectorAll() 2.找到 hmtl,body节点 html节点 document.documentElement; document.documentElement.clientHeight 表示窗口的 document.documentElement.clientWidth body节点 document.body document.body.clientHeight 内容的实际高度 3.获取节点的其它方法 parentNode 获取父节点 firstChild 第一个孩子节点 lastChild 最后一个孩子节点 childNodes 所有的孩子节点 previousSibling 前一个兄弟节点nexSilbling 下一个兄弟节点

4.关于属性操作方法 obj.getAttribute(“属性名”) 功能:获取属性名的属性值 obj.setAttribute(“属性名”,“属性值”) 功能:设置或修改属性名对应的属性值 obj.hasAttribute(“属性名”) 功能:判定对象obj中是否有属性 5.节点对象增操作 生成新的节点 var 对象名 = document.createElement(“标签名”); 父节点.appendChild(新创建的节点) 父节点.replaceChild(新节点,旧节点) 6.节点对象删除操作 list.removeChild(childs[i]);

事件

1.鼠标事件 onclick ondblclick onmouseover onmouseenter onmouseout onmouseleave onmousemove oncontextmenu 2.键盘事件 onkeyup onkeydown onkeypress 3.表单事件 onsubmit onfocus onblur onchange onreset oninput 4.窗口事件 window.onload window.onscroll window.onresize 5.** 窗口偏移值** var sTop = document.documentElement.scrollTop 6. 事件流 冒泡 从子元素到父元素 阻止冒泡 e.stopPropagation() e.preventDefault() return false

Event对象

1.event的语法 event是一个独立的对象 window对象下的一个属性 window.event 2.兼容问题 对象.事件类 = function(event){ var e = event || window.event ; }

事件注册与捕获

1.事件的两个重要属性 event.clientX 鼠标距浏览器左边的距离 event.clientY 鼠标距浏览器上边的距离 2.事件注册 事件源.事件类型 = function(event){} 标准浏览 obj.addEventListener(不带on事件类型,处理函数,事件的传传播方式) IE浏览器 只有冒泡 语法 obj.attachEvent(带on事件类型,处理函数 传播方式 一是冒泡 false表示冒泡:子元素到父元素 二是捕获 值true表示捕获,父元素到子元素 事件注销 标准浏览器 obj.removeEventListener(带on类型,处理函数) 非标准浏览器 obj.detachEvent(带on类型,处理函数)

作用域

1.js没有块级作用域在大括号里 2.全局变量 var声明的变量 在函数体外 3.局部变量 在函数体内声明的变量

最新回复(0)