最近更新

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案例10:仿百度风云排行榜

JavaScript案例10:仿百度风云排行榜
这个仿百度风云排行榜案例的原理和选项卡套选项卡的案例原理是一样的。做JavaScript案例的基本步骤都是这样:1、先完成一个模块的效果。2、再封装成函数。3、再通过调用函数传参的方式改变数据。4、所...

JavaScript案例9:选项卡套选项卡切换

JavaScript案例9:选项卡套选项卡切换
选项卡的效果主要是自定义索引值的对应关系,只不过嵌套类的选项卡还要注意索引值的传递。原生JavaScript完成。1、先完成一个左右选项卡的切换。2、封装成函数。3、完成右边选项卡的切换,并把对应的索...

JavaScript案例4:鼠标经过显示隐藏的内容

JavaScript案例4:鼠标经过显示隐藏的内容
利用数组对象的方式,把数据放入数组的对象中,动态加载到一个div中,再通过改变div的定位实现在不同的地方显示不同的内容。具体效果点击查看一、html代码<div id="a...

JavaScript基础13:Object对象初了解

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

js小案例:利用定时器实现幻灯片的自动播放

js小案例:利用定时器实现幻灯片的自动播放
js上课小案例,利用定时器完成幻灯片的自动播放。注意定时器的开和关。具体效果点击查看1、html代码<div class="banner"> <ul&...

js小案例:函数传参完成多个选项卡的制作

js小案例:函数传参完成多个选项卡的制作
js上课小案例,多个选项卡,有的是鼠标经过,有的是鼠标点击。利用函数传参实现代码复用。具体效果点击查看1、html代码<div class="container t...
Top