Web前端的知识之旅哟——滚动条与元素尺寸(二十一)

查看滚动条的滚动距离 js中有两套方法可以查看当前滚动条的滚动距离。 第一套是这样的: window.pageXOffset/window.pageYOffset 这个方法可以查看滚动条的横轴和纵轴的滚动距离,但是很遗憾的是IE8以及以下的版本不兼容。 因此针对于IE,我们就需要有第二...

Web前端的知识之旅哟——日期对象与定时器(二十)

日期对象 日期对象的方法在w3c上其实有介绍: http://www.w3school.com.cn/jsref/jsref_obj_date.asp 这里只是大体的提一下: 日期对象也是javascript的内置对象之一,我们可以直接使用。 var date = new Date(); 在文档中我们也可以看到它的方法很多,但...

Web前端的知识之旅哟——DOM的基本操作练习代码(十九点五)

1.用DOM动态生成这样一个结构: <div class=”example”>       <p class=”slogan”>HelloWorld</p> </div>   我认为中规中矩的写法是这个样子的: var div = document.createElement('div'), p = doc...

Web前端的知识之旅哟——DOM的基本操作续(十九)

上一篇文章介绍了如何用DOM来查看元素,这一篇就把剩下的增删改操作介绍一下。 增加操作 1.创建元素节点 createElement 我们可以通过document.createElement(‘div’);这个方法来创建一个元素,里面的参数填写我们要创建的标签名称,像div、p、s...

Web前端的知识之旅哟——DOM的基础练习代码(十八点五)

上一篇介绍了一下DOM的一些基础的知识,这里我整理了一些有关上一篇知识点的一些封装函数。 1.遍历元素节点树 function retChild(node) {       var child = node.childNodes,             len = child.length;       for(var i = 0; i < len; i++){...

Web前端的知识之旅哟——DOM!(十八)

到上一篇文章结束我感觉ECMAScript的部分应该差不多了,所以接下来开始总结DOM的知识点了哟~ 什么是DOM 什么叫做DOM呢? • DOM的全称是Document Object Model 文档对象模型,DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关...

Web前端的知识之旅哟——类数组与严格模式(十七)

我们知道有两种数据叫做数组和对象,但是我们其实可以用对象来模拟出数组的效果,我们把这种对象叫做类数组。我们前面提到的arguments实参列表就是一个类数组。 类数组 类数组并不是一个数组,但是它可以表现出数组的特性。 var arrObj = {       '0': 1,...

Web前端的知识之旅哟——克隆与数组(十六)

在开始介绍克隆的代码和数组的相关知识点之前,我在前面先介绍一下arguments.callee方法和func.caller属性。 • arguments.callee 这个方法是代指函数本身。 当我们在一些匿名函数或者立即执行函数里面进行递归调用函数本身的时候,由于这个函数没有名字,...

Web前端的知识之旅哟——对象的枚举与this(十五)

命名空间 在进入正文之前,我们先提一下命名空间的概念。 由于我们的一个项目是很多人开发的,每个人都有一套自己的变量,为了防止人和人之间变量的互相干扰,我们经常把自己的变量都放到相对应的模块里面,模块和模块之间是没有关系的,这样就算变量名相...

Web前端的知识之旅哟——继承(十四)

this的一些问题 前面我们知道函数内部的this默认的指向是全局对象window,那么我们有什么办法可以改变this的指向吗? 现在我们就可以使用call/apply来改变this指向。 call/apply 作用:改变this指向。 区别:后面传的参数形式不同。 我们现在写一个函数 fu...

Top