随笔分类 -  Js

摘要:【转】JS获取浏览器可视区域的尺寸 所谓可视区域是指能看得见的区域,即在浏览器中能看到页面的区域(高度与宽度)。刚刚使用 document.body.clientHeight 来获取可视区域的高度得到的却是整个文档的高度,然后在cnblogs.com的一篇文章中获知需要通过 document.doc 阅读全文
posted @ 2017-11-01 20:32 Fairyspace 阅读(7823) 评论(0) 推荐(0)
摘要:【转】JS中异常处理的理解 JS里的异常处理 JS的异常捕获与处理可以从它的 try-catch 语法结构说起,具体形式如下: try{ ... //异常的抛出 }catch(e){ ... //异常的捕获与处理 }finally{ ... //结束处理 } 其中,try块: try块包含的是可能产 阅读全文
posted @ 2017-11-01 19:41 Fairyspace 阅读(11371) 评论(0) 推荐(0)
摘要:width: clientWidth:对象实际内容的宽度,不包含边线,最大不超过视口宽度 offsetWidth:对象实际宽度,包含边线,最大不超过视口宽度 scrollWidth:对象实际宽度,不包含边线,可超过视口宽度 height:(都可超过视口高度) clientHeight:对象实际内容的 阅读全文
posted @ 2017-11-01 19:24 Fairyspace 阅读(258) 评论(0) 推荐(0)
摘要:【转】js中点击事件方法三种方式的区别 在javascript中,可以为某个元素指定事件,指定的方式有以下三种: 1、在html中,使用onclick属性 2、在javascript中,使用onclick属性 (1)注意函数名没有双引号。 3、在javascipt中,使用addEvenListene 阅读全文
posted @ 2017-10-30 22:24 Fairyspace 阅读(559) 评论(0) 推荐(0)
摘要:【转】js 中继承的几种方式 继承的方式一共有三种: 一、原型继承 通过prototype 来实现继承。 function Person(name,age) { this.name=name; this.age=age; } Person.prototype.sayHello=function(){ 阅读全文
posted @ 2017-10-30 21:45 Fairyspace 阅读(175) 评论(0) 推荐(0)
摘要:【转】重新理解JS的6种继承方式 写在前面 一直不喜欢JS的OOP,在学习阶段好像也用不到,总觉得JS的OOP不伦不类的,可能是因为先接触了Java,所以对JS的OO部分有些抵触。 偏见归偏见,既然面试官问到了JS的OOP,那么说明这东西肯定是有用的,应该抛开偏见,认真地了解一下 约定 P.S.下面 阅读全文
posted @ 2017-10-30 21:43 Fairyspace 阅读(290) 评论(0) 推荐(0)
摘要:【转】理解javascript中的事件模型 javascript中有两种事件模型:DOM0,DOM2。而对于这两种的时间模型,我一直不是非常的清楚,现在通过网上查阅资料终于明白了一些。 一. DOM0级事件模型 DOM0级事件模型是早期的事件模型,所有的浏览器都是支持的,而且其实现也是比较简单。代码 阅读全文
posted @ 2017-10-30 21:15 Fairyspace 阅读(160) 评论(0) 推荐(0)
摘要:【转】Javascript 原型链之原型对象、实例和构造函数三者之间的关系 前言:用了这么久js,对于它的原型链一直有种模糊的不确切感,很不爽,隧解析之。 本文主要解决的问题有以下三个: (1)constructor 和 prototype 以及实例之间啥关系? (2)prototype是啥,__p 阅读全文
posted @ 2017-10-30 18:34 Fairyspace 阅读(170) 评论(0) 推荐(0)
摘要:【转】对于js原型和原型链继承的简单理解(第一种,原型链继承) 原型是js中的难点加重点,也是前端面试官最爱问的问题之一,因为面试官可以通过被面试者对原型的理解、来判断被面试者对js的熟悉程度。 原型的定义 Js所有的函数都有一个prototype属性,这个属性引用了一个对象,即原型对象,也简称原型 阅读全文
posted @ 2017-10-30 18:09 Fairyspace 阅读(582) 评论(0) 推荐(0)
摘要:【转】js基础篇——原型与原型链的详细理解 js中的对象分为两种:普通对象object和函数对象function。 function fn1(){}; var fn2 = function(){}; var fn3 = new Function(); var fn4 = Function(); va 阅读全文
posted @ 2017-10-30 17:58 Fairyspace 阅读(255) 评论(0) 推荐(0)
摘要:【转载】JavaScript中基本数据类型和引用数据类型的区别 1、基本数据类型和引用数据类型 ECMAScript包括两个不同类型的值:基本数据类型和引用数据类型。 基本数据类型指的是简单的数据段,引用数据类型指的是有多个值构成的对象。 当我们把变量赋值给一个变量时,解析器首先要确认的就是这个值是 阅读全文
posted @ 2017-10-23 11:39 Fairyspace 阅读(194) 评论(0) 推荐(0)
摘要:Javascript数组中shift()和push(),unshift()和pop()操作方法使用 Javascript为数组专门提供了push和pop()方法,以便实现类似栈的行为。来看下面的例子: var colors=new Array(); //创建一个数组 var count=colors 阅读全文
posted @ 2017-10-22 16:27 Fairyspace 阅读(341) 评论(0) 推荐(0)
摘要:想要深入了解 call() 和 apply() 这两个方法,那么必须要先知道他们的基本作用: 改变对象的执行上下文 什么是执行上下文? 我们在写一个方法的时候,总是会用到一个关键字this,而this的指向就是我们这里所说的执行上下文(执行环境) 首先我们要知道,this指向的永远是调用该方法的对象 阅读全文
posted @ 2017-10-22 16:00 Fairyspace 阅读(145) 评论(0) 推荐(0)
摘要:JS中截取字符串中子串的三种方法substring() , slice() and substr(). 在JS中,Javascript提供了两种截取字符串中子串的方法: 1.substring(str,end) str是必须输入,必须是正值; end是可选的必须是正值; 根据字面意思,str为截取的 阅读全文
posted @ 2017-10-21 19:20 Fairyspace 阅读(220) 评论(0) 推荐(0)
摘要:HTML页面跳转的5种方法 下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。1) html的实现 <head> <!-- 以下方式只是刷新不跳转到其他页面 --> <meta http-equiv="refresh" 阅读全文
posted @ 2017-09-26 12:57 Fairyspace 阅读(438) 评论(0) 推荐(0)
摘要:精通 JS正则表达式 正则表达式可以: •测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 •替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字 •根据模式匹配从字符 阅读全文
posted @ 2017-09-19 16:01 Fairyspace 阅读(211) 评论(0) 推荐(0)