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

javascript的数据类型、字面量、变量介绍

2017年02月06日 20 阅读

数据类型： 1.数值型（整型int 浮点型floating） 2.字符串类型（string） 3.布尔型（只有两个值：ture fasle）字符串字面量 1.转义系列：在javascript中一些符号是辨别不出来的，只有转义之后正确显示出来。如： " 单引号 " 双引号换行符回车符 \ 反斜杠转义实例：复制代码代码如下: <script type="text/javascript"> document.write（"hel...

javascript简单拖拽实现代码（鼠标事件 mousedown mousemove mouseup）

2017年02月06日 20 阅读

mousedown 的时候创建拖动对象，mouseup的时候释放对象，原理弄清楚了其实很简单。简单拖拽实现代码：简单拖拽实现 *{margin:0;padding:0;} #box{ margin:20px auto; position:relative; width:400px; height:400px; background:#ccc; border:1px solid #333; postion:relative; } #dragB...

JS拖拽的进一步练习，移动与拉伸实现代码

2017年02月06日 21 阅读

直接在本地是支持IE6的，有个问题就是，鼠标点击的时候光标会变为选择文字的光标，不知道应该怎么处理这个问题呢？在此记录一下代码：简单拖拽扩展 *{margin:0;padding:0;} #outwarp{ margin:20px auto; width:600px; height:600px; background:#fff; border:1px solid #333; position: relative; } .controlBox...

JavaScript之编码规范推荐

2017年02月06日 21 阅读

一、命名 1、应给变量和函数取一个含义确切的名称，不要随意命名。 2、非构造函数采用驼峰命名法，尽量采用动宾结构，以与变量名相区别，如getName或IsFull。构造函数（即自定义类型）名称首字母大写，以与非构造函数相区别，如Person。 3、变量采用驼峰命名法。由于JavaScript是一种弱类型语言，因此建议在变量名称前加前缀：整形（i），浮点数（f），布尔型（b），字符串（s），数组（a）。但不强制这么做，可根据个人爱好选择，选择好后就不要混用加...

网页编辑器ckeditor和ckfinder配置步骤分享

2017年02月06日 24 阅读

一、使用方法： 1、在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 2、在使用编辑器的地方插入HTML控件<textarea> <textarea id="TextArea1" cols="20" rows="2" class="ckeditor...

javascript中关于break,continue的特殊用法与介绍

2017年02月06日 21 阅读

今天在研究某系统时发现其代码有这样一个结构（已简化）：复制代码代码如下: var result = false; point: { var obj = { key: 1 }; for （var key in obj） { // ... break point; } result = true; } alert（result）; 咋看一下以为是代码错误，甚至于Visual Studio对此代码没办法进行正确的格式化。可是又仔细一看语意还是很清晰的，也就...

javascript中break，continue和return语句用法小结

2017年02月06日 20 阅读

由于最近一直在看javascript，下面简要说一下它们三个在javascript的一些用法 break语句： break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个switch语句。由于它是用来退出循环或者switch语句，所以只有当它出现在这些语句时，这种形式的break语句才是合法的。如果一个循环的终止条件非常复杂，那么使用break语句来实现某些条件比用一个循环表达式来表达所有的条件容易得多。 for（var i=1;i...

js动态在form上插入enctype=multipart/form-data的问题

2017年02月06日 21 阅读

我们都知道要让form能提交文件，需要在form上指定enctype=multipart/form-data的attribute，这样才能上传文件，关于enctype的文章很多，就不再做解释。问题是因为使用了MVC的Html.BeginForm（）来输出表单代码，默认是没有加入enctype的，复制代码代码如下: @using （Html.BeginForm（）） { } 在PartialView中有一个<input type="file" ...

获得所有表单值的JQuery实现代码[IE暂不支持]

2017年02月06日 20 阅读

IE 暂不支持CSS：复制代码代码如下:<style> body{ margin:0; padding:0; } div{ margin:0; padding:0; } .container{ margin-left:10%; margin-right:10%; } ul li{ list-style:none; } ul{ padding:0; margin:0; } p.em{ color: red; border:1px solid r...

jQuery 菜单随滚条改为以定位方式（固定要浏览器顶部）

2017年02月06日 20 阅读

自己试着写了下：复制代码代码如下: $（function（）{ //获取要定位元素距离浏览器顶部的距离 var navH = $（".nav"）.offset（）.top; //滚动条事件 $（window）.scroll（function（）{ //获取滚动条的滑动距离 var scroH = $（this）.scrollTop（）; //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定 if（scroH>=navH）...

jQuery 拖动层（在可视区域范围内）

2017年02月06日 21 阅读

复制代码代码如下: （function（$）{ $.fn.extend（{ mydrag:function（）{ var boxX = 0; //元素在页面中的横坐标 var boxY = 0; //元素在页面中的纵坐标 var dMouseX = 0; //按下鼠标时的鼠标所在位置的横坐标 var dMouseY = 0; //按下鼠标时的鼠标所在位置的纵坐标 var mMouseX = 0; //移动鼠标时的鼠标所在位置的横坐标 var mMouse...

基于mootools插件实现遮罩层新手引导

2017年02月06日 21 阅读

插件代码复制代码代码如下: /* --- name: UserGuider authors: - Garland Yang requires: [Core/Class, Core/Element.Style, Core/Element.Event, Core/Element.Dimensions] version: - 1.0 ... */ var UserGuider = new Class（{ Implements: [Options, Event...

nodejs win7下安装方法

2017年02月06日 19 阅读

这里只是纯粹的搭建，连环境都没有，还玩什么服务器端js，一切都成了浮云，让我们先搭建一个环境，输入一个“hello world”的页面。对的，win7下的搭建，你只需一步一步跟着我做，就ok了，不用去了解过多的细节，那不是我们现在要关心的，我们现在首要目的是把环境搭建好，要不然就没有下一步了。 Step 1. 下载 node.js在windows下是要安装在Cygwin下的，去Cygwin网站下载Cygwin安装程序。 Cygwin网站：http://c...

Javascript的常规数组和关联数组对比小结

2017年02月06日 20 阅读

首先我们看看数组的分类：从数组的下标分为索引数组、关联数组复制代码代码如下: /* 索引数组，即通常情况下所说的数组 */ var ary1 = [1,3,5,8]; //按索引去取数组元素，从0开始（当然某些语言实现从1开始），索引实际上就是序数，一个整型数字 ary1[0]; ary1[1]; ary1[2]; ary1[3]; /* 关联数组，指以非序数类型为下标来存取的数组 python中称为字典 */ var ary2 = {}; //存取...

幻灯片带网页设计中的20个奇妙应用示例小结

2017年02月06日 18 阅读

下面这些网站使用了各种各样的幻灯片效果，一起体验一下。大家如果想实现精美的 jQuery 幻灯片效果，可以参考这篇文章：60款很酷的 jQuery 幻灯片演示和下载。 x-doria Pure Pleasure Design neve / hawk Hufton + Crow Atelier rdio Olly Sorsby Studio Chirpy Aveillant Level Planoform The Kitchen The Barrelhous...

很酷的60款jQuery 幻灯片演示和下载

2017年02月06日 21 阅读

基于jquery的放大镜效果

2017年02月06日 21 阅读

核心代码: 复制代码代码如下: $（function（）{ var mouseX = 0; //鼠标移动的位置X var mouseY = 0; //鼠标移动的位置Y var maxLeft = 0; //最右边 var maxTop = 0; //最下边 var markLeft = 0; //放大镜移动的左部距离 var markTop = 0; //放大镜移动的顶部距离 var perX = 0; //移动的X百分比 var perY = 0; /...

基于jQuery的倒计时实现代码

2017年02月06日 21 阅读

在线演示：http://demo.jb51.net/js/2012/mydaojishi/打包下载：mydaojishi_jb51核心代码：复制代码代码如下: $（function（）{ var tYear = ""; //输入的年份 var tMonth = ""; //输入的月份 var tDate = ""; //输入的日期 var iRemain = ""; //开始和结束之间相差的毫秒数 var sDate = ""; //倒计的天数 var ...

基于jquery的文本框与autocomplete结合使用（asp.net+json）

2017年02月06日 18 阅读

JS脚本引用复制代码代码如下: <script src="/scripts/Jquery.autocomplete/jquery.autocomplete.js" type="text/javascript"></script> 样式引用复制代码代码如下: <style type="text/css" media="all"> @import url（"/scripts/Jquery.autocomplete/...

基于jquery的鼠标拖动效果代码

2017年02月06日 21 阅读

记得在之前的一个"拖动层"的随笔中，我实现拖动，是用的一个布尔变量,判断是否可以拖动某元素。这两天看了一些东西，发现不需要设这个布尔变量; 实现过程：按下鼠标的时候，给文档对象（当然也可以是别的DOM对象）的移动事件绑定一个处理函数，同时也给鼠标抬起时绑定一个解除的处理函数。复制代码代码如下: //按下鼠标并移动时（拖动），调用的函数； function startSelection（event）{ …… } //解除移动时的处理函数； funct...

首页 / 脚本样式 / JavaScript

javascript的数据类型、字面量、变量介绍

javascript简单拖拽实现代码（鼠标事件 mousedown mousemove mouseup）

JS拖拽的进一步练习，移动与拉伸实现代码

JavaScript之编码规范 推荐

网页编辑器ckeditor和ckfinder配置步骤分享

javascript中关于break,continue的特殊用法与介绍

javascript中break，continue和return语句用法小结

js动态在form上插入enctype=multipart/form-data的问题

获得所有表单值的JQuery实现代码[IE暂不支持]

jQuery 菜单随滚条改为以定位方式（固定要浏览器顶部）

jQuery 拖动层（在可视区域范围内）

基于mootools插件实现遮罩层新手引导

nodejs win7下安装方法

Javascript的常规数组和关联数组对比小结

幻灯片带网页设计中的20个奇妙应用示例小结

很酷的60款jQuery 幻灯片演示和下载

基于jquery的放大镜效果

基于jQuery的倒计时实现代码

基于jquery的文本框与autocomplete结合使用（asp.net+json）

基于jquery的鼠标拖动效果代码

JavaScript之编码规范推荐