【javascript基础学习--HTML DOM】的更多相关文章

javascript基础学习--HTML DOM

写在前面的话:由于学校没有开过javascript这门课,所以平时用javascript时都是用到什么就去搜什么样的代码,但是在工作中有时候搜来的代码总是有那么点小问题,而当自己想去修改时,却又无从下手,于是决定从基础开始学习javascript 1.查找HTML元素 我们使用js操作HTML元素,首先需要找到这个HTML元素,有三种方法可以实现: 通过id找到HTML元素 通过标签名找到HTML元素 通过类名找到HTML元素 1.通过id查找HTML元素 在DOM中查找HTML元素的最简单的方…

javascript基础学习系列-DOM盒子模型常用属性

最近在学习DOM盒子模型,各种属性看着眼花缭乱,下面根据三个系列来分别介绍一下: client系列 clientWidth :width+(padding-left)+(padding-right)—>和内容溢出无关系 clientHeight:height+(padding-top)+(padding-bottom)—>和内容溢出无关系 clientLeft:左边框的宽度 clientTop:上边框的高度(border[Left/Top]Width) offset系列 offsetParen…

JavaScript基础学习(九)—DOM

一.DOM概述      DOM(Document Object Model)文本对象模型.      D: 文档,HTML文档或XML文档.      O: 对象,document对象的属性和方法.      M: 模型.     (1)DOM是针对HTML/XML基于树的API.     (2)DOM树,节点(node)的层次.     (3)DOM把一个文档表示为一棵树.        1.节点及其类型      节点(node): 来源于网络,代表网络中的一个连接点.网络是由节点构成的集…

JavaScript 基础学习1-day14

JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator…

JavaScript 基础 学习 （四）

JavaScript 基础 学习 (四) 解绑事件 dom级 事件解绑 ​ 元素.on事件类型 = null ​ 因为赋值的关系,所以给事件赋值为 null 的时候 ​ 事件触发的时候,就没有事件处理函数执行了 dom2级 事件解绑 ​ 元素.removeEVentListener('事件类型',要移出的事件处理函数) ​ 元素.detachEvenbt('on事件类型', 要移除的事件处理函数) ​ 事件的传播 ​ 当你在一个元素上触发行为的时候 你这个行为会按照元素 结构父级 的顺序, 逐层…

JavaScript 基础 学习 （一）

JavaScript 基础 学习 获取页面中的元素的方法 作用:通过各种方式获取页面中的元素 ​ 比如:id,类名,标签名,选择器 的方式来获取元素 ​ 伪数组: ​ 长的和数组差不多,也是按照索引排列 ​ 也是有length属性,也可以使用for循环来遍历 ​ 但是就是不能使用数组常用方法 ​ 1.通过 id 获取元素的方法 ​ 语法:document.getElementById('你要获取的元素的 id') ​ 返回值:是 dom 元素,也是叫做 dom 对象 ​ 如果页面上有对应的 id…

48.javascript基础学习

javascript基础学习:   http://www.w3school.com.cn/jsref/index.asp jS的引入方式: 1.行间事件:为某一个具体的元素标签赋予js内容,onclink点击按钮触发弹窗事件,alert是弹框提示 <input type="button" value="按钮" onclick="alert('点我');"> 2.嵌入引入:在文档页面通过Script标签嵌入 <head> &…

JavaScript 基础学习（二）js 和 html 的结合方式

第一种 使用一个标签 <script type="text/javascript"> js代码; </script> 第二种 使用 script 标签,引入一个外部的 js 文件 需要创建一个js文件写js代码 <script type="text/javascript" src="1.js"></script> 使用第二种方式时候,不需要在script标签里面写js代码 第三种: 与HTML标签中…

JavaScript 基础 学习（三）

JavaScript 基础 学习(三) 事件三要素 ​ 1.事件源: 绑定在谁身上的事件(和谁约定好) ​ 2.事件类型: 绑定一个什么事件 ​ 3.事件处理函数: 当行为发生的时候,要执行哪一个函数 ​ 例如: ​ 1.获取元素 ​ var box = document.querySelector('div') ​ 2.给 div 绑定一个点击事件 ​ 事件源:div ​ 事件类型:click (点击行为) ​ 事件处理函数:准备一个函数,在点击行为处罚的时候执行 ​ on 是绑定事件的一种方…

JavaScript 基础 学习 （二）

JavaScript 基础 学习 节点属性 ​ 每一个节点都有自己的特点 ​ 这个节点属性就记录着属于自己节点的特点 1. nodeType(以一个数字来表示这个节点类型) ​ 语法:节点.nodeType ​ 得到: 一个数字,代表着这个节点的类型 ​ 元素节点:1 ​ 属性节点:2 ​ 文本节点:3 ​ 注释节点:8 ​ 例如:判定节点是不是元素节点,只要判断他的 nodeType === 1就可以了 2.nodeName(节点名称) ​ 语法: 节点.nodeName ​ 得到: 一个名称…