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

深入浅析JavaScript中的作用域和上下文

2017年02月06日 11 阅读

javascript中的作用域（scope）和上下文（context）是这门语言的独到之处，这部分归功于他们带来的灵活性。每个函数有不同的变量上下文和作用域。这些概念是javascript中一些强大的设计模式的后盾。然而这也给开发人员带来很大困惑。下面全面揭示了javascript中的上下文和作用域的不同，以及各种设计模式如何使用他们。上下文（Context）和作用域（Scope）首先需要知道的是，上下文和作用域是两个完全不同的概念。多年来，我发现很多开发...

基于javascript实现九九乘法表

2017年02月06日 12 阅读

本文实例为大家分享了javascript实现九九乘法表的相关代码，具体内容如下<script type="text/javascript">var sum=0;var wite;for （var i = 1; i < 10; i++）{var div=$（"<div class="class"+i+""></div>"）;$（"body"）.append（div）;for（var j = i; j > 0; ...

js事件处理程序跨浏览器解决方案

2017年02月06日 11 阅读

本文实例为大家分享了js事件处理程序跨浏览器解决方案，供大家参考，具体内容如下<！DOCTYPE html><html><head><meta charset="utf-8" /><title></title></head><body><div> <input type="button" id="button1" value="按钮" /&g...

详解javascript跨浏览器事件处理程序

2017年02月06日 12 阅读

本文为大家分享了javascript跨浏览器事件处理机制，供大家参考，具体内容如下<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>跨浏览器的事件处理程序</title></head><body><input type="button" value="click me" id...

Bootstrap每天必学之级联下拉菜单

2017年02月06日 11 阅读

本文将介绍自定义的bootstrap级联下拉菜单，主要应用场合有省市级关联菜单等等，那么就先拿这个例子来讲，当然其他场景的关联菜单也同样适用。说实话，封装好一个通用的组件还是需要花费很多精力的和时间的，所谓通用，自然要考虑周全，叹！这次整理的Bootstrap关联select，里面也涉及到了很多jquery、ajax、springMVC等等知识点，可谓包罗万象！首先，请允许我代表该自定义组件做一番小小的介绍。“hi，你好，我叫yunm.combox.js，...

JavaScript html5 canvas绘制时钟效果（二）

2017年02月06日 11 阅读

对于H5来说，canvas可以说是它最有特色的一个地方了，有了它之后我们可以随意的在网页上画各种各样的图形，做一些小游戏啊什么的。canvas这个标签的用法，在网上也有特别多的教程了，这里就不作介绍了。今天我们就用canvas来做一个小小的时钟。完整的代码在这里https://github.com/wwervin72/HTML5-Clock。那么首先在这个页面里面我使用了两个canvas，一个用来绘制静态的时钟表盘和刻度，另一个用来绘制时钟的三个指针，然后...

jQuery实现的精美平滑二级下拉菜单效果代码

2017年02月06日 11 阅读

本文实例讲述了jQuery实现的精美平滑二级下拉菜单效果。分享给大家供大家参考，具体如下：这是一款jQurey实现的向下二级导航菜单效果。效果非常不错，由上到下平滑延伸，给人的感觉协调唯美！js与html代码结构简单明了，便于使用与修改！运行效果截图如下：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/D...

通过Tabs方法基于easyUI+bootstrap制作工作站

2017年02月06日 15 阅读

登陆页如下所示：下面给大家展示下具体实现代码：<！DOCTYPE html><html><head><meta charset="UTF-8"><script type="text/javascript" src="js/jquery-1.11.1.min.js"></script><title>网络医院登陆</title><style type="te...

jQuery实时显示鼠标指针位置和键盘ASCII码

2017年02月06日 12 阅读

本文通过jquery技术实现鼠标指针位置和键盘ASCII码，代码简单易懂，具体内容请看下文吧。<！DOCTYPE html><html><head><title></title><meta charset="utf-8" /><script type="text/javascript" src="js/jquery-2.1.4.js"></script><...

轻量级jQuery插件slideBox实现带底栏轮播（焦点图）代码

2017年02月06日 11 阅读

废话不多说了，直接给大家贴代码了，具体代码如下所示：<！doctype html><html><head><meta charset="utf-8"><title>jQuery图片轮播（焦点图）插件</title><link href="css/jquery.slideBox.css" rel="stylesheet" type="text/css" /><scrip...

jQuery实现的多滑动门，多选项卡效果代码

2017年02月06日 12 阅读

本文实例讲述了jQuery实现的多滑动门，多选项卡效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtm...

Bootstrap 粘页脚效果

2017年02月06日 11 阅读

Bootstrap 粘页脚，说得具体一点就是“将固定高度的页脚紧贴页面底部”。由于项目的实际情况和模板有所区别，所以参照模板，小编不能确保快速的完成“粘页脚”的效果，那么还是要给大家分享本教程，写的不好还请各位大侠海涵！一、页面效果页面非常简单，注意亮线为火狐边缘，可以很清楚的看到，页脚灰色部分沉浸在页面底部。二、实例讲解①、代码<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN...

JavaScript常用本地对象小结

2017年02月06日 12 阅读

一、javascript是面向对象的编程语言封装：把相关的信息（无论数据或方法）存储在对象中的能力聚集：把一个对象存储在另一个对象内的能力继承：由另一个类（或多个类）得来类的属性和方法的能力。多态：编写能以多种形态运行的函数或方法的能力二、Array对象使用单独的变量名来存储一系列的值。2.1创建数组对象var aValues = new Array（）;var aValues = new Array（25）;var aColors = new Array...

JavaScript利用HTML DOM进行文档操作的方法

2017年02月06日 11 阅读

HTML DOM 树一、DOM简介DOM是W3C制定的用于访问诸如XML和XHTML等结构化文档的标准。W3C文档对象模型（DOM）是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口核心DOM：用于任何结构化文档的标准模型XML DOM：用于XML文档的标准模型。是用于获取、更改、添加或删除XML元素的标准。HTML DOM：用于HTML文档的标准模型。定义了所有HTML元素的对象和属性，以及访问它们的方法（接口）。二...

javascript函数自动执行常用方法汇总

2017年02月06日 11 阅读

在网页中JS函数自动执行常用三种方法在HTML中的Head区域中，有如下函数：<SCRIPTLANGUAGE="JavaScript"> functionn MyAutoRun（） { //以下是您的函数的代码，请自行修改先！ alert（"函数自动执行哦！"）; } </SCRIPT> 下面，我们就针对上面的函数，让其在网页载入的时候自动运行！ ①第一种方法将如上代码改为：<SCRIPTLAN...

Nodejs如何搭建Web服务器

2017年02月06日 13 阅读

使用Nodejs搭建Web服务器是学习Node.js比较全面的入门教程，因为要完成一个简单的Web服务器，你需要学习Nodejs中几个比较重要的模块，比如：http协议模块、文件系统、url解析模块、路径解析模块、以及301重定向问题，下面我们就简单讲一下如何来搭建一个简单的Web服务器。作为一个Web服务器应具备以下几个功能：1、能显示以.html/.htm结尾的Web页面2、能直接打开以.js/.css/.json/.text结尾的文件内容3、显示图片...

谈一谈jQuery核心架构设计

2017年02月06日 11 阅读

jQuery对于大家而言并不陌生，因此关于它是什么以及它的作用，在这里我就不多言了，而本篇文章的目的是想通过对源码简单的分析来讨论 jQuery 的核心架构设计，以及jQuery 是如何利用javascript中的高级特性来构建如此伟大的javascript库。1 初识jQuery从核心功能来看，jQuery仅仅做了一件简单而又平凡的事：查询。它的语法如此简洁明了，以致于很多人在不知道javascript是什么的时候就已经会用jQuery了，用一个词形容就...

理解javascript模块化

2017年02月06日 13 阅读

模块化是一个通用的编程最佳实践。程序的模块化使我们可以更方便地使用别人的代码，想要什么功能，就加载什么模块，从而提高代码的利用效率，增加开发速度。模块就像积木，有了它，我们可以搭出各种各种功能样式的程序。积木有什么特点？小而简单。同样的，我们程序中的模块也要做到这一点，确保自己创建的函数一次只完成一个工作，这样其他开发者可以简单地调试与修改你的代码，而不需浏览所有代码才能弄清每一个代码块执行了什么功能。只有做到像这样地小而简单，才能实现其通用功能。一、ja...

Boostrap模态窗口的学习小结

2017年02月06日 11 阅读

Bootstrap Modals（模态框）是使用定制的 Jquery 插件创建的。它可以用来创建模态窗口丰富用户体验，或者为用户添加实用功能。您可以在 Modals（模态框）中使用 Popover（弹出框）和 Tooltip（工具提示插件）。一．什么是模态窗口？是这样一种效果哟：二．组成头部（包括标题和关闭按钮）中间（主要内容）底部（主要是放置操作按钮）对应在html代码中的布局是：使用div容器元素，分别使用modal,modal-dialog,mod...

AngularJS directive返回对象属性详解

2017年02月06日 11 阅读

写在前面：由于directive部分是angularjs中的重中之重，所以会分多篇章进行讲解。本章主要讲解directive返回对象中比较简单的属性angularjs中使用.directive（）来定义指令，该方法接收两个参数：name（指令的名字）、factory_function（该函数定义指令的全部行为，返回一个对象）栗子：//index.jsangular.module（"myApp",[]）;myApp.directive（"myDirectiv...

首页 / 脚本样式 / JavaScript

深入浅析JavaScript中的作用域和上下文

基于javascript实现九九乘法表

js事件处理程序跨浏览器解决方案

详解javascript跨浏览器事件处理程序

Bootstrap每天必学之级联下拉菜单

JavaScript html5 canvas绘制时钟效果（二）

jQuery实现的精美平滑二级下拉菜单效果代码

通过Tabs方法基于easyUI+bootstrap制作工作站

jQuery实时显示鼠标指针位置和键盘ASCII码

轻量级jQuery插件slideBox实现带底栏轮播（焦点图）代码

jQuery实现的多滑动门，多选项卡效果代码

Bootstrap 粘页脚效果

JavaScript常用本地对象小结

JavaScript利用HTML DOM进行文档操作的方法

javascript函数自动执行常用方法汇总

Nodejs如何搭建Web服务器

谈一谈jQuery核心架构设计

理解javascript模块化

Boostrap模态窗口的学习小结

AngularJS directive返回对象属性详解