c__dreamer的博客

一个充满梦想的世界

JavaScript之事件的分类

        在JavaScript事件中的事件有好多种类:鼠标事件,键盘事件,文本事件,窗体事件等等。        鼠标事件                        click----点击 mousedown----鼠标落下 ...

2018-02-27 15:33:35

阅读数 155

评论数 0

JavaScript之事件对象及事件委托

        事件对象        在事件处理函数里面写一个形参,系统会自动进来一个参数。        在IE浏览器系统不会不会把事件对象传到e里面,回传到window.event里面var div = document.getElementsByTagName('div')[0]; div...

2018-02-27 14:52:53

阅读数 70

评论数 0

JavaScript之事件的处理模型---事件冒泡,捕获及取消冒泡,阻止默认事件

        在时间处理机制上分为两种:一种是事件冒泡,一种是事件捕获。而这两种中机制,一个事件对象只能触发一种事件处理模型,要么冒泡,要么捕获。        所谓事件对象:在事件处理函数里面写一个形参,系统会自动的传进来一个事件对象。        事件冒泡            结构上(非...

2018-02-26 23:01:17

阅读数 175

评论数 0

JavaScript之事件及事件的绑定与解除

        在网页交互过程中,事件起到了很大的作用。事件--是交互体验的核心功能。        事件的绑定        事件的绑定有三种。        1.on + 时间类型          例:div.onclick =fucntion(){};            兼容性很好,凡...

2018-02-26 21:46:45

阅读数 82

评论数 0

JavaScript之脚本化CSS

        到了实战性的东西了,JavaScript虽然不能直接改变CSS,但可以通过其他方式间接改变CSS        dom.style.prop        可读写行间样式,没有兼容性问题,碰到float这样的保留字或者关键字属性前面应加css 例:float --&...

2018-02-24 21:34:10

阅读数 88

评论数 0

JavaScript之窗口属性

    说到窗口属性,我们随着编程技能的提升,从刚开始的html到加上css再到单独的JavaScript再接着JavaScript和DOM连接我们都离不开和浏览器窗口打交道,当然,熟悉浏览器窗口操作也是我们向更深一层进阶。    查看滚动条滚动距离       随着IE版本的提升 同样浏览器窗口...

2018-02-24 21:01:32

阅读数 137

评论数 0

Sublime text3 emmet插件安装

Emmet插件作为Sublime text3 的热门插件,首先解决如何添加安装才是使用的基础  在添加Emmet插件的时候,我也遇到了若干问题,只能卸载Sublime text3再安装,终于安装成功,现分享下经验(2017/9/20)1、首先先下载Emmet插件,下载(点击下载)2、打开Subli...

2018-02-23 23:51:10

阅读数 3630

评论数 1

JavaScript之定时器

        在JavaScript定时器中有两种:一种是定时循环器,一种是真正的定时器。定时循环:setInterval()           使用方法:   1.setInterval(function(){ },1000)                                2...

2018-02-23 19:36:11

阅读数 82

评论数 0

JavaScript之Date()对象(日期对象)

        日期对象Date()对象是系统定义好的对象。Date()这是个构造函数。特点:返回的是当日的日期,不是实时性,表示时间记录作用。Date()属性Date()的一些方法 var date = new Date(); console.log(date); ...

2018-02-23 19:14:30

阅读数 355

评论数 0

JavaScript之Dom节点操作

        上次在Dom选择器和Dom节点类型的时候说了Dom查找节点的方法。今天说一下Dom节点的其他方法。创建节点        增加节点,增加的有三种节点:1.元素节点,2.文本节点3.注释节点。        1.元素节点var div = document.createElement...

2018-02-20 23:57:22

阅读数 109

评论数 0

JavaScript之Dom结构树及基本操作

        Dom结构树        在JavaScriptDom操作里面,每一个元素节点都有一种继承关系,这种关系和ECMAscript里原型差不多,同样在每一个原型上的属性和方法被继承到了元素上及Document上,这些属性和方法才得以使用。这就是在Dom中节点继承关系。这种继承是基于原...

2018-02-20 23:43:10

阅读数 248

评论数 1

JavaScript之Dom节点类型、遍历节点数。

        在Dom文档查的结构中,实际上各级标签呈现树状排列。我们可以把整个html文档看成一个树形,可以通过遍历节点树的形式进行标签的选取。    Dom文档中,遍历节点的节点有,文本节点,注释节点和标签节点。遍历节点树        以下找孩子节点包括文本节点和注释节点        p...

2018-02-20 23:35:58

阅读数 227

评论数 0

JavaScript之Dom选择器

Dom         Dom即Document Object Model (文档对象模型),Dom定义了表示和修改文档所需的方法。DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml功能的一类对象的集合,也有人称DOM是对html以及xml的表追编程接口。        JavaS...

2018-02-19 19:35:14

阅读数 226

评论数 0

JavaScript之with

        with(){}是个很强大的功能。关于with。它可以修改作用域链,把它接受到的对象放在作用域的最顶端。进行代码执行。作用:        修改作用域链。 var obj = {name : "wang"}; function test(){ v...

2018-02-17 21:12:19

阅读数 180

评论数 0

JavaScript之es5.0严格模式

严格模式现在的浏览器是基于es3.0和es5.0的一些新增的方法使用的。然而,在es3.0和es5.0必然会有冲突的部分,而这些冲突的部分就是使用es3.0的严格模式定义"use strict" 这样的一个字符串,放在声明的最顶端。严格模式报错1.使用with(...

2018-02-17 20:51:03

阅读数 189

评论数 0

JavaScript之try、catch及错误类型

我们知道,在做项目过程中是前端和后端一起的,当我们做前端的需要后端传值的时候,有时候并没有传过来,那么我们的代码就会报错,如何解决这个问题,这时候就用到了我们前端的try、catch语法try{ } catch(e){ }try代码块里放的是如果会出错的代码,catch代码块里放的是如果try...

2018-02-17 20:22:49

阅读数 224

评论数 0

JavaScript之数组/字符串去重

    一个数组之中的值如果有重复的,怎么把这个数组变的没有重复值,这就需要用到我们已经学过的知识,运用算法来实现。数组去重在原型链上编程,也就是在Array.prototype上面写代码。Array.prototype.unique = function (){ var temp = {},le...

2018-02-17 19:50:54

阅读数 75

评论数 0

JavaScript之类数组

    在JavaScript中有一种说是数组又不能说是数组,但可以当数组来用的东西,这个东西叫做类数组。类数组有一下特点:           1.可以利用属性名来模拟数组的特性 2.可以动态的执行length的属性 3.如果强行让类数组调用push方法,则会根据length属性值的位置进行属性...

2018-02-17 19:28:39

阅读数 49

评论数 0

JavaScript 之数组

数组JavaScript数组的定义方法和对象相似。定义方法第一种:数组字面量定义:var arr = [1,2,3,4,5]; //建议第一种第二种:构造函数定义方法。使用Array.prototype原型var arr1 = new Array(num)//num 可以传参也可以不传,表示多长的...

2018-02-12 23:00:25

阅读数 57

评论数 0

JavaScript之克隆

在JavaScript如何把一个对象的属性和方法完完整整的搬过来到另一个空对象身上,对于继承的使用方法不能完成上述操作,所以我们开始另一种方法----克隆。克隆分为:浅层克隆和深度克隆。浅层克隆       var obj = { name : "wang", ...

2018-02-12 21:58:37

阅读数 89

评论数 0

提示
确定要删除当前文章?
取消 删除