前端教程

首页>前端教程

DOM基础6:event.stopPropagation与event.preventDefault的区别和兼容性

event : 事件对象 , 当一个事件发生的时候,和当前这个对象发生的这个事件有关的一些详细的信息都会被临时保存到一个指定地方-event对象,供我们在需要的时候调用。这个有点像飞机的黑匣子。事件对象必须在一个事件调用的函数里面使用才有内容。事件函数:事件调用的函数,一个函数是不是事件函数,不在定...

DOM基础5:Event事件对象

基于事件的响应,让页面和用户之间产生交互行为是JavaScript的一大特征。比如,当下面的事件发生的时候,就产生了一个JavaScript事件。当用户单击鼠标时当网页已加载时当图像被加载时当鼠标移动到元素上时当输入字段更改时提交HTML表单时当用户敲击一个键时HTML DOM事件允许JavaScr...

DOM基础4:对CSS样式的操作

查找到html元素之后,很大一部分操作都需要修改元素的css样式。一般操作CSS样式的方法有如下几种:一、style对象element.style.properties这个style对象的属性是可读可写的,只是它只能读取和设置元素对象的行间样式表。比如:element.style.color=&qu...

DOM基础3:对元素节点的操作

元素节点可谓是关键,对于元素节点的增删改查是最常用的。一、获取元素节点的方法document.getElementById()  document(Element).getElementsByClassName()document(Element).getElementsByTa...

DOM基础2:document中的节点

因为只讨论HTML DOM,所以,html文档下面的所有对象都是document下面的对象。html最外面的对象就是document了。所以,我们也只讨论document下面的对象的属性和方法。通过这些对象的属性和方法,我们就可以对html所有的元素进行操作。比如增删改查html元素,操作html元...

DOM基础1:DOM对象初了解

如果说ECMAScript是JavaScript语言的硬核部分的话,那么DOM就是JavaScript的宿主环境之一。使用HTML DOM,JavaScript可以访问和更改HTML文档的所有元素。DOM(Document Object Model):文档对象模型当一个html页面被加载后,浏览器就...

JavaScript基础15:箭头函数初了解

在ES6之前,匿名函数一般是这样的:var fn=function(x,y){     return x+y; }ES6提供了一种更简单的函数写法,就是箭头函数:参数 => 函数体var f ...

JavaScript基础14:var、let、const的区别

要理解var和let的区别,先了解一下关于变量的声明以及作用域。一、变量的声明和提升在ES6之前,都是用var关键字来声明变量。var x; // 声明 x如果还没有为变量赋值,此时的变量是undefined。也可以先赋值,再声明,这就是变量提升。也可以理解为...

JavaScript基础13:Object对象初了解

我们常说“面向对象的编程”,在JavaScript中,对象就是最重要的内容。在老家常把谈恋爱说成“找对象”,那么这里的对象是一个人,在JavaScript中,几乎“所有事物”都是对象。布尔是对象(如果用 new 关键词定义)数字是对象(如果用 new 关键词定...

JavaScript基础12:函数传参

如果函数只是一段重复执行的代码块,那就不够强大了,最多就是节约了一点重复代码。函数的强大在于通过获得不同的参数,从而得到不同的结果。一、函数的参数1、形参和实参function functionName(parameter1, parameter2, parameter...
Top