JavaScript资料,JavaScript文章,JavaScript文档-易库教程

jQuery实现的在线答题功能

2017年02月06日 13 阅读

有时在网页中要加入一个在线测试功能，例如在线调查，在线测试各类知识等应用，这类应用需要用到很多前后端技能。今天我给大家分享一个基于jQuery的前端应用——测试答题功能。HTML首先载入jquery库文件和quiz.js以及所需的CSS样式文件styles.css。<script src="jquery.js"></script> <script src="quiz.js"></script> <lin...

javascript中scrollTop详解

2017年02月06日 13 阅读

scrollTop 表示滚动的高度，默认从position:0;开始向下滚，scrollTop（offset）的offset表示相对顶部的偏移，以像素计，<br/>scrollTop（）滚动的高度既能‘设置"滚动值，也能‘获取"滚动值。当设置滚动值时，该方法就会设置所有匹配元素的滚动值。当获取滚动值时，该方法只返回第一个匹配元素的滚动位置。需要获取scrollTop的值，可以参考如下代码：复制代码代码如下:var scrollTop = do...

js 获取元素在页面上的偏移量的方法汇总

2017年02月06日 13 阅读

使用js制作效果时，我们常常要获取某个元素在页面上的偏移量（例如tip提示框功能）。而获取偏移量可以直接获取相对于document的偏移量，也可以获取相对与视口的偏移量（viewpoint）加上页面滚动量（scroll）获得。1.获取相对与document的偏移量function getOffsetSum（ele）{var top= 0,left=0;while（ele）{top+=ele.offsetTop;left+=ele.offsetLeft;el...

JavaScript中DOM详解

2017年02月06日 12 阅读

为了达到平稳退化，向后兼容，标记分离的思想，每次写js代码时做的第一件事应该是必要的测试和检查工作：在js文件里首先添加以下代码进行检查：window.onload = function（）{if（！document.getElementsByTagName）return false;if（！document.getElementById） return false;if（！document.getElementsByClassName）return fa...

javascript异步处理工作机制详解

2017年02月06日 12 阅读

从基础的层面来讲，理解JavaScript的定时器是如何工作的是非常重要的。计时器的执行常常和我们的直观想象不同，那是因为JavaScript引擎是单线程的。我们先来认识一下下面三个函数是如何控制计时器的。var id = setTimeout（fn, delay）; - 初始化一个计时器，然后在指定的时间间隔后执行。该函数返回一个唯一的标志ID（Number类型），我们可以使用它来取消计时器。var id = setInterval（fn, delay）...

使用jQuery实现更改默认alert框体

2017年02月06日 12 阅读

更改框体主要用到的是更改系统的内置控件winpop下面是winpop具体代码（function（window, jQuery, undefined） {var HTMLS = { ovl: "<div class="J_WinpopMask winpop-mask" id="J_WinpopMask"></div>" + "<div class="J_WinpopBox winpop-box" id="J_WinpopBox"...

javascript实现图片自动和可控的轮播切换特效

2017年02月06日 12 阅读

演示图：需要引入的文件复制代码代码如下: <link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/js/1/css/style.css"> <script type="text/javascript" src="http://hovertree.com/texiao/js/1/js/koala.min.1.5.js"></script&...

javascript引用类型指针的工作方式

2017年02月06日 13 阅读

先看个例子： <script> var a = {n:1};var b = a;a.x = a = {n:2};console.log（a.x）;// --> undefinedconsole.log（b.x）;// --> [object Object]</script>上面的例子看似简单，但结果并不好了解，很容易把人们给想绕了——“a.x不是指向对象a了么？为啥log（a.x）是undefined?”、“b....

简化版手机端照片预览组件

2017年02月06日 12 阅读

可怜的我用着华为3C手机，用别人现成的组件都好卡，为了适应我这种屌丝，于是自己简化写了一版的照片预览效果，暂时无缩放功能，以后可能有空再加吧，你也可以自己加下，这是个github上的开源项目。它的github地址是：https://github.com/tianxiangbing/mobile-photo-preview下面是预览图，使用方法案例:var photoPreview = new MobilePhotoPreview（）;photoPrevie...

javascript制作的简单注册模块表单验证

2017年02月06日 13 阅读

一个注册框进行表单验证处理如图有简单的验证提示功能代码思路也比较简单输入框失去焦点时便检测，并进行处理表单具有 onsubmit = "return check（）"行为，处理验证情况点击提交表单按钮时，进行最终的验证，达到是否通过表单提交的请求。先是最基本的html+css部分 <style type="text/css"> body{margin:0;padding: 0;} .login{position:relative;margin...

javascript继承的六大模式小结

2017年02月06日 12 阅读

1.原型链function SuperType（）{this.property = true;}SuperType.prototype.getSuperValue = function（）{return this.property;};function SubType（）{this.subproperty = false;}//继承了SuperTypeSubType.prototype = new SuperType（）;SubType.prototype...

jsMind通过鼠标拖拽的方式调整节点位置

2017年02月06日 12 阅读

jsMind是一个纯javascript实现的思维导图类库，基于html5的canvas实现，以BSD协议开源。提供了思维导图的显示，编辑等功能，支持freemind数据格式，有丰富的开发接口可供使用，具体功能请访问软件主页进一步了解。jsMind 现已支持通过鼠标拖拽的方式调整节点位置了。只需引用最新版本的 jsmind.js 以及 jsmind.draggable.js 即可使用该功能。需要注意的是，当思维导图设置为不可编辑的时候，拖拽功能也将同时禁止...

Windows系统下使用Sublime搭建nodejs环境

2017年02月06日 12 阅读

1.下载nodejs，并安装ok后，配置好环境变量。2.下载sublime text33.在package install 包中新增node插件（或者直接去SublimeText-Nodejs插件（https://github.com/tanepiper/SublimeText-Nodejs）下载，下载之后，在D:Program FilesSublimeText3DataPackages下新建文件夹为Nodejs文件名不要搞错，然后把git上下载的文件都...

使用window.prompt（）实现弹出用户输入的对话框

2017年02月06日 12 阅读

无意中看到window.prompt（）方法,之前真没有使用过，孤陋寡闻。不过现在学习下吧。在网页中，有时需要弹出一个提示框，而且在提示框中还需要用户输入一些内容，这就可以用prompt对象，具体实现用法如下。<！DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <...

为什么JS中eval处理JSON数据要加括号

2017年02月06日 12 阅读

由于Ajax的兴起，JSON这种轻量级的数据格式作为客户端与服务器之间的传输格式逐渐地流行起来，进而出现的问题是如何将服务器端构建好的JSON数据转化为可用的JavaScript对象。利用eval函数无疑是一种简单而直接的方法。在转化的时候需要将JSON字符串的外面包装一层圆括号：复制代码代码如下:var jsonObject = eval（"（" + jsonFormat + "）"）;为什么要加括号？加上圆括号的目的是迫使eval函数在处理JavaS...

jfreechart插件将数据展示成饼状图、柱状图和折线图

2017年02月06日 12 阅读

本文以展示柱状图为例进行介绍，当然这仅仅是一种方法而已；还有很多方法可以用于展示图表，例如自定义图表标签、使用jfreechart插件等；1、导入js文件，包含了很多展示方法：复制代码代码如下: <script type="text/javascript" src=<select:link page="/js/ChartObject.js"/>></script> <script type="text/javas...

JavaScript 匿名函数和闭包介绍

2017年02月06日 13 阅读

匿名函数:没有名字的函数;闭包:可访问一个函数作用域里的变量的函数;一匿名函数// 普通函数function box（）{// 函数名是box;return "Lee"; }box（）;// =>Lee; 调用函数;// 匿名函数function（）{// 匿名函数,会报错;return "Lee";}// 通过表达式自我执行（function（name）{console.log（name）;// =>Lee;}）（"Lee"）;// "（）...

JavaScript 浏览器对象模型BOM使用介绍

2017年02月06日 12 阅读

BOM也叫做浏览器对象模型,它提供了很多对象,用于访问浏览器的功能;这些功能与任何网页内容无关;BOM缺少规范,每个浏览器提供商都按照自己的想法去扩展它,那么浏览器共有对象就成了事实的标准;一 window对象// BOM的核心对象是window,它表示浏览器的一个实例;// window对象处于JavaScript结构的最顶层;// 对于每个打开的窗口,系统都会自动为其定义window对象;// window对象同时扮演着ECMAScript中Globa...

JavaScript DOM基础

2017年02月06日 12 阅读

DOM（Document Object Model）即文档对象模型,针对HTML和XML文档的API（应用程序接口）;DOM描绘了一个层次化的节点树,运行开发人员可以添加/移除和修改页面的某一部分;一 DOM介绍D（文档）:可以理解为整个Web加载的网页文档;O（对象）:可以理解为类似window对象之类的东西,可以调用属性和方法,这里说的是document对象;M（模型）:可以理解为网页文档的树形结构;1.节点加载HTML页面时,Web浏览器生成一个树形...

JavaScript DOM进阶方法

2017年02月06日 14 阅读

DOM自身存在很多类型,在上一章中有介绍,比如Element类型:表示的是元素节点;再比如Text类型;表示的是文本节点;一 DOM类型类型名说明Node 表示所有类型值的统一接口,IE不支持;Document 表示文档类型;Element 表示元素节点类型;Text 表示文本节点类型;Comment 表示文档中的注释类型;CDATASection 表示CDATA区域类型;DocumentType 表示文档声明类型;DocumentFragment 表示...

首页 / 脚本样式 / JavaScript

jQuery实现的在线答题功能

javascript中scrollTop详解

js 获取元素在页面上的偏移量的方法汇总

JavaScript中DOM详解

javascript异步处理工作机制详解

使用jQuery实现更改默认alert框体

javascript实现图片自动和可控的轮播切换特效

javascript引用类型指针的工作方式

简化版手机端照片预览组件

javascript制作的简单注册模块表单验证

javascript继承的六大模式小结

jsMind通过鼠标拖拽的方式调整节点位置

Windows系统下使用Sublime搭建nodejs环境

使用window.prompt（）实现弹出用户输入的对话框

为什么JS中eval处理JSON数据要加括号

jfreechart插件将数据展示成饼状图、柱状图和折线图

JavaScript 匿名函数和闭包介绍

JavaScript 浏览器对象模型BOM使用介绍

JavaScript DOM基础

JavaScript DOM进阶方法