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

页面调用单个swf文件，嵌套出多个方法。

2016年07月27日 5 阅读

HTML 端： PART 1：复制代码代码如下: {{foreach from=$question.question_item item="it" name="question_item"}} <tr> <td align="left">{{$it.item_id}}</td> <td align="left">{{$it.item_name}}</td> <td align="left...

js 完美图片新闻轮转效果，腾讯大粤网首页图片轮转改造而来

2016年07月27日 5 阅读

背景我所想要的完美图片新闻轮转效果： 1.有新闻图片，有新闻标题，有轮转索引 2.鼠标未移到索引上，图片自动切换 3.鼠标移到索引上，显示现有图片，轮询停止 4.鼠标移开索引，轮询继续 5.简洁明了，轻量级（不依赖第三方任何文件，最好是原生js）过程找过很多图片轮询效果，和我的要求总是有些出入，不能十全十美。不是功能不全，就是太多花哨。本想自己开发一个，鉴于琐事拖延，迟迟未能开始。偶尔看到腾讯大粤网的图片新闻，感觉就是我所想要的效果。但仔细...

日期处理的js库（迷你版）--自建js库总结

2016年07月27日 11 阅读

接口+继承+代码优化思想先分享下我觉得一个很不错的js编程小技巧，达到很大的代码共用性！因为很多js库会在原生的对象上进行直接原型扩展，但这是很不好的习惯，不仅加重了每个新实例对象的内存消耗，而且容易造成污染性误解（以为有这东西）！而这也是建js库一个准则：尽量少的原型扩展，特别是越根部的对象！ js建库准则 js建库准则（Dean Edwards在开发base2时候的一些体会）翻译版：http://biaoge.me/2009/12/239 js建库...

JavaScript中的16进制字符（改进）

2016年07月27日 8 阅读

原始的代码：复制代码代码如下: //将文字转换为16进制 function textToSix（str） { return escape（str）.replace（/%/g, function （） { return "\"; }）.toLowerCase（）; } 改进后的：复制代码代码如下: //将文字转换为16进制 function textToHex（str） { //escape对0-255以外的unicode值进行编码时输出%u***...

JS 表单验证大全

2016年07月27日 6 阅读

1.只能输入数字和英文的： <input onkeyup="value=value.replace（/[/W]/g,""） " onbeforepaste="clipboardData.setData（"text",clipboardData.getData（"text"）.replace（/[^/d]/g,""））" ID="Text1" NAME="Text1"> 2.只能输入数字的： <input onkeyup="value=va...

jQuery1.6 使用方法一

2016年07月27日 5 阅读

error: function（ msg ） {//声明错误 throw msg; }, parseJSON: function（ data ） {//把字符串转换成json格式 if （ typeof data ！== "string" || ！data ） {//首先判断是否存在，是否为字符串 return null; } data = jQuery.trim（ data ）;//去掉前后空白 if （ window.JSON && window.JS...

jQuery1.6 使用方法二

2016年07月27日 5 阅读

makeArray: function（ array, results ） {//转换一个类似数组的对象成为真正的JavaScript数组。 results为可选参数 var ret = results || [];//results作为存放arry的数组，如果没有定义就设置为空数组 if （ array ！= null ） {{//window,String,Function,Array类型的.length不为undefined;（do...

JQuery1.6 使用方法三

2016年07月27日 7 阅读

a={id:1,get:function（）{alert（this.id）}} $（"#test"）.click（a.get）//这时候所指的id就不是1，而是test 如果想要得到的是1，那就必须改变上下文环境$. $.proxy（）的作用就是改变当前上下文环境。 $（"#test"）.click（$.proxy（a,"get"）） $（"#test"）.click（$.proxy（a.get,a）） proxy: functio...

JQUERY1.6 使用方法四检测浏览器

2016年07月27日 5 阅读

userAgent = navigator.userAgent,//User Agent中文名为用户代理，简称 UA，它是一个特殊字符串头，使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。下面分别是各个浏览器的navigator.userAgent //Mozilla/5.0 （Windows; U; Windows NT 5.1; zh-CN） AppleWebKit/533.21.1 ...

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

2016年07月27日 5 阅读

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

基于jquery的拖动布局插件

2016年07月27日 6 阅读

复制代码代码如下: （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的必要

2016年07月27日 7 阅读

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

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

2016年07月27日 7 阅读

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

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

2016年07月27日 6 阅读

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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 5 阅读

首先看下效果复制代码代码如下: <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高级程序设计》读书笔记

2016年07月27日 5 阅读

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

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

2016年07月27日 5 阅读

复制代码代码如下: 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传递的值的代码

2016年07月27日 5 阅读

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

chrome原生方法之数组

2016年07月27日 6 阅读

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

首页 / 脚本样式 / JavaScript

页面调用单个swf文件，嵌套出多个方法。

js 完美图片新闻轮转效果，腾讯大粤网首页图片轮转改造而来

日期处理的js库（迷你版）--自建js库总结

JavaScript中的16进制字符（改进）

JS 表单验证大全

jQuery1.6 使用方法一

jQuery1.6 使用方法二

JQuery1.6 使用方法三

JQUERY1.6 使用方法四 检测浏览器

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

基于jquery的拖动布局插件

javascript开发随笔一 preventDefault的必要

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

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

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

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

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

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

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

chrome原生方法之数组

JQUERY1.6 使用方法四检测浏览器

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

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