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

jQuery Jcrop插件实现图片选取功能

2017年02月06日 23 阅读

总的来说，原理很简单，大致流程是：在浏览器上加载原图 --> 用矩形框在原图上选取区域并将选取的顶点坐标和矩形尺寸发送至服务器 --> 服务器端用图片切割算法切割原图并输出切割后的图片。下面我们就分别对这几个步骤详细展开讨论分析，并在最后附上小demo供大家参考。 1、在页面上加载原图这个就不用多说了，就是在页面上显示一张图片，一个img标签搞定，不过为了下一步演示，还是贴一下代码 <img src="girl.jpg" alt="" ...

基于jquery的拖动布局插件

2017年02月06日 21 阅读

复制代码代码如下: （function（$）{ $.fn.lsMovePanel=function（）{ var id=this.attr（"id"）; var X=Y=0; var offsetX=offsetY=0;//绝对位置 var OldIndex=0;///存储原始索引 var Temp_Li="<li id="Temp_Li" style="background-color:#FFFFFF;border-color:#FF023C"&...

javascript开发随笔一 preventDefault的必要

2017年02月06日 24 阅读

不加的话貌似只在ie6出现过问题。出现过：改变图片地址，结果图片不见了，加载样式，但样式文件没了。就像是中断了资源的下载一样，正确时解释是 IE6下使用A元素来做按钮的时候一定要记得在onclick事件里面调用preventDefault（），IE6会强制关闭当前活动的HTTP连接，导致正在请求的其他资源或脚本加载不正常。但资源如果已经被缓存了，就没有这个问题了复制代码代码如下: <！DOCTYPE HTML> <html> ...

javascript开发随笔二动态加载js和文件

2017年02月06日 22 阅读

这时候最好的做法就是按需引入，动态引入组件js和样式，文件load完成后调用callback，运行js。代码还是很简便的 1. 判断文件load完成。加载状态ie为onreadystatechange，其他为onload、onerror 复制代码代码如下: if（isie）{ Res.onreadystatechange = function（）{ if（Res.readyState == "complete" || Res.readyState == ...

jquery中dom操作和事件的实例学习-表单验证

2017年02月06日 22 阅读

很显然，这样做能提升更好的用户体验。 html代码：复制代码代码如下: <form method="post" action=""> <div class="int"> <label for="username">用户名:</label> <input type="text" id="username" class="required"/> </div></form> ...

jquery中dom操作和事件的实例学习仿yahoo邮箱登录框的提示效果

2017年02月06日 22 阅读

但感觉这样写很没意思。 jquery的优势就是简单的代码就能带来更好的用户体验。所以就找几个我感觉实用的例子，拿出来介绍下。顺带把其中用到的操作和事件介绍下。 html代码： <input type="text" id="address" value="请输入邮箱地址"/> jquery代码：复制代码代码如下: $（document）.ready（function（）{ $（"#address"）.focus（function（）{ va...

Jquery插件之打造自定义的select标签

2017年02月06日 21 阅读

首先看下效果复制代码代码如下: <head> <title></title> <link type="text/css" rel="Stylesheet" href="JQSelect.css" /> <script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javasc...

对javascript的一点点认识总结《javascript高级程序设计》读书笔记

2017年02月06日 22 阅读

l ECMAScript,有ECMA-262定义，明确javascript这门语言的规则和约定，好比为开始一场游戏指定的游戏规则、规范、约定。 l DOM:提供访问和操作网页内容的方法和接口 l BOM,提供与浏览器交互的方法和接口 ECMA-262规定了以下内容： l 语法 l 类型 l 关键字 l 保留字 l 操作符 l 对象 ECMAScript是对该标准规定的各方面内容的编程语言描述，javascript实现了ECMAScript指定内容并进行了扩...

关于递归运算的顺序测试代码

2017年02月06日 25 阅读

复制代码代码如下: window.onload=function（）{ pd（11）;} function pd（number） { if（number>5） {number--; pd（number）; alert（"no"）; } else { alert（"yes"）; } } 结果是yes,no,no...... 递归的嵌套最后回归执行if语句内的内容...

使用Javascript接收get传递的值的代码

2017年02月06日 21 阅读

复制代码代码如下: <select id="select" onchange="location.href="？page="+escape（this.value）+"";"> <option>请选择</option> <option value="这是第一个">1</option> <option value="2">2</option> <option value...

chrome原生方法之数组

2017年02月06日 22 阅读

下面看一下chrome/15实现的一些数组方法 --------------------------------------------------------------------------------------------- concat:这个好说，唯一需要注意的就是concat不是就地修改的，是指返回链接后的结果，另外一点是指回展开第一层数组 join:连接数组 pop:出栈操作，注意这个也是就地修改原数组 push: 入栈操作，注意这个也是就...

Javascript的getYear、getFullYear、getUTCFullYear异同分享

2017年02月06日 20 阅读

其中getYear（）方法出生较早，在早期也一直使用OK，可是在2000年后这个方法问题多多，因为在Firefox和Safari等浏览器上，getYear始终返回年份与1900 年之间的差，比如1998年返回98，而2009年则会显示109，如果大家都这么处理也好，要加一起加，微软自己在IE浏览器中把getYear给修正了，可Firefox（最新版本也没修正这个问题）还蒙在鼓里，仍老老实实的按照原有规则解析getYear，本来都可以指望用户自行修正，这样一...

兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码

2017年02月06日 18 阅读

在编写处理xml的网页时，经常为浏览器兼容性头疼。于是我将常用的xml操作封装为函数。经过一段时间的改进，现在已经很稳定了，用起来很舒服。函数有—— xml_loadFile：xml同步/异步加载。 xml_transformNode：xsl转换。 xml_text：节点的文本。 selectSingleNode：根据XPath选择单个节点。 selectNodes：根据XPath选择多个节点。全部代码（zyllibjs_xml.js）—— 复...

firebug的一个有趣现象介绍

2017年02月06日 22 阅读

复制代码代码如下: var obj = {length:0,splice:function（）{}} console.log（obj）猜猜上面会打印出啥？没错，打印出来的看起来是一个空数组。。。在FIREBUG里如果一个对象同时拥有length属性和splice方法，就会被firebug显示为数组的形式。。。如果以前注意过的话就会发现JQUERY就是这么写的，通过选择器打印出来的看起来跟数组一样。一直以来我都很好奇为毛返回的数组，但是却有数组...

js常用代码段整理

2017年02月06日 22 阅读

每段代码前边都有功能注解和参数要求等说明文字，难度不大也就没做更多注释。为看得清楚，这里依先后顺序做个小目录：重写window.setTimeout，理解递归程序的返回规律，截取长字符串，取得元素在页面中的绝对位置，统计、去除重复字符（多种方法实现），把有序的数组元素随机打乱（多种方法实现）。复制代码代码如下: /* 功能：修改 window.setTimeout，使之可以传递参数和对象参数（同样可用于setInterval）使用方法...

JavaScript中数组的排序、乱序和搜索实现代码

2017年02月06日 20 阅读

1. 排序：默认的sort（）按字符编码排序的：复制代码代码如下: <script type="text/javascript"> <！-- var testArray=[3,324,5345,6546,134,5654,665]; testArray.sort（）; alert（testArray）; //--> </script> 现在要让它按照数值大小排序：复制代码代码如下: <script ty...

Ubuntu 11.10 安装Node.js的方法

2017年02月06日 21 阅读

1.安装依赖包复制代码代码如下: sudo apt-get install g++ curl libssl-dev apache2-utils sudo apt-get install git-core 2.下载源代码复制代码代码如下: git clone git://github.com/ry/node.git 这一步是因网络状况较差一直显示 Cloning to node... 可以从官网上直接下载源代码，解压到帐号的文件夹里。 ...

用Javascript评估用户输入密码的强度（Knockout版）

2017年02月06日 23 阅读

我们来看看如果使用Knockout更简单的来实现密码强度的验证。原有代码请查看：复制代码代码如下: <！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/xhtml">...

用Javascript评估用户输入密码的强度实现代码

2017年02月06日 20 阅读

1.如果密码少于5位，那么就认为这是一个弱密码。 2.如果密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成，则认为这是一个弱密码。 3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成，则认为这是一个中度安全的密码。 4.如果密码由数字、小写字母、大写字母或其它特殊符号当中的三种以上组成，则认为这是一个比较安全的密码。复制代码代码如下: <script language="javascript"> //CharMo...

图片在浏览器中底部对齐解决方法之一

2017年02月06日 22 阅读

style="vertical-align:bottom;"不管用，上网搜索说要用js实现，找了个代码，测试不成功，主要是代码太多太乱没法心情测试了。于是就自己写吧。复制代码代码如下: $（function （） { if （$.browser.msie || $.browser.mozilla || $.browser.opera） {//IE 火狐 Opera之类浏览器 $（".productli img"）.each（function （） {...

首页 / 脚本样式 / JavaScript

jQuery Jcrop插件实现图片选取功能

基于jquery的拖动布局插件

javascript开发随笔一 preventDefault的必要

javascript开发随笔二 动态加载js和文件

jquery中dom操作和事件的实例学习-表单验证

jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果

Jquery插件之打造自定义的select标签

对javascript的一点点认识总结《javascript高级程序设计》读书笔记

关于递归运算的顺序测试代码

使用Javascript接收get传递的值的代码

chrome原生方法之数组

Javascript的getYear、getFullYear、getUTCFullYear异同分享

兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码

firebug的一个有趣现象介绍

js常用代码段整理

JavaScript中数组的排序、乱序和搜索实现代码

Ubuntu 11.10 安装Node.js的方法

用Javascript评估用户输入密码的强度（Knockout版）

用Javascript评估用户输入密码的强度实现代码

图片在浏览器中底部对齐 解决方法之一

javascript开发随笔二动态加载js和文件

jquery中dom操作和事件的实例学习仿yahoo邮箱登录框的提示效果

图片在浏览器中底部对齐解决方法之一