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

ajax中get和post的说明及使用与区别

2016年07月27日 7 阅读

以前没怎么仔细的研究过ajax,只是用到了就直接拿过来用,发现了问题再找解决方法.以下是我在找解决问题的过程中的一点小小的总结. 一.谈Ajax的Get和Post的区别 Get方式: 用get方式可传送简单数据，但大小一般限制在1KB下，数据追加到url中发送（http的header传送），也就是说，浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中的资源路径后面。另外最重要的一点是，它会被客户端的浏览器缓存起来，那么，别人就可以从浏览器的...

网页加载时页面显示进度条加载完成之后显示网页内容

2016年07月27日 6 阅读

现在网上有很多网页加载进度条，但大多都是时间固定的。下面的当查询大量数据时，网页加载较慢，在网页加载时，显示进度条，当网页加载完成时，进度条消失，显示网页已经加载完成的内容。复制代码代码如下: <html> <script language=VBScript> Dim Bar, SP Bar = 0 SP = 100 Function Window_onLoad（） Bar = 95 SP = 10 End Function...

jquery限制输入字数,并提示剩余字数实现代码

2016年07月27日 5 阅读

复制代码代码如下: <！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"> <head> <meta http-equiv="Content...

Jquery写一个鼠标拖动效果实现原理与代码

2016年07月27日 6 阅读

近日项目中要做一个鼠标拖拽层的效果，于是手动使用Jquery做了一个，发出来跟大伙儿分享一下，并希望能得到高手的指点，如果哪位大侠觉得我的思路和代码不正确或者需要改进的话，希望能指点一二，在下感激不尽。我的思路是这样的： 1、在鼠标按下的时候，捕获鼠标的当前位置； 2、得到要移动对象的当前位置信息； 3、鼠标移动时，计算鼠标移动的距离，将这个距离更新到对象的位置，在我的代码中，我试用绝对定位来表示对象的位置； 4、当鼠标移出对象或者鼠标弹起的时候，则认为...

javascript 星级评分效果（手写）

2016年07月27日 5 阅读

今天上午抽空随手写了个星级评分的效果，给大家分享下。由于水平有限，如有问题请指出。首先要准备一张星星的图片，灰色是默认状态，黄色是选择状态。如图：最后附上代码：复制代码代码如下: <！DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>javascript星级评分</title> <...

Underscore.js 的模板功能介绍与应用

2016年07月27日 8 阅读

Underscore是一个非常实用的JavaScript库，提供许多编程时需要的功能的支持，他在不扩展任何JavaScript的原生对象的情况下提供很多实用的功能。无论你写一段小的js代码，还是写一个大型的HTML5应用，underscore都能帮上忙。目前，underscore已经被广泛使用，例如，backbone.js唯一强依赖的库就是underscore.js。今天主要讨论Underscore 的前端模板功能。它的模板功能和前一篇介绍的javas...

Knockoutjs快速入门（经典）

2016年07月27日 5 阅读

Knockoutjs是一个JavaScript实现的MVVM框架。主要有如下几个功能：1. Declarative bindings2. Observables and dependency tracking3. Templating它对于分离前台的业务逻辑和视图简化数据绑定过程有显著的作用。闲言少叙，直接看例子，如何下载也不说了，如果用VS开发的话用Nuget就可以一键搞定。1.基本绑定和依赖跟踪首先需要定义一个ViewModel:复制代码代码如下:...

纯js网页画板（Graphics）类简介及实现代码

2016年07月27日 6 阅读

今天需要在网页上画一个图谱，想到用JS，经过学习，和网上搜索，经过整理优化得到下面代码，注意不是用HTML5的canvas，而是用的纯js复制代码代码如下:/* 以下画点，画线，画圆的方法，都不是用HTML5的canvas，而是用的纯js 用到了一些数学的三角函数方法以下代码是课堂随机写出，没有做更多优化 */ /* 面向对象封装，添加绘制矩形进一步优化代码 */ var Graphics = function（divId, color）{ this...

js 取时间差去掉周六周日实现代码

2016年07月27日 6 阅读

复制代码代码如下: function GetDayNum（no,type） { if （type == "35"） { var num7 = document.getElementById（"6"）.value; var value = document.getElementById（"7"）.value; var valueR = num7; if （no == "7"） {valueR = value;}//标识时间值 if （num7 ！= "" ...

js优化针对IE6.0起作用（详细整理）

2016年07月27日 8 阅读

js优化针对IE6.0起作用，总结一下几点：一，字符串拼接：用数组拼接复制代码代码如下:function func2（）{ var start = new Date（）.getTime（）; var array = []; for（var i = 0; i < 10000; i++）{ array[i] = "<input type="button" value="a">"; } 二，for 循环：先把长度算出来直接调用复制代码代码如...

jquery 事件冒泡的介绍以及如何阻止事件冒泡

2016年07月27日 6 阅读

什么是JS事件冒泡？在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。如何来阻止Jquery事件冒泡？通过一个小例子来解释复制代码代码如下: <...

JS解析json数据并将json字符串转化为数组的实现方法

2016年07月27日 5 阅读

复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <SCRIPT LANGUAGE="JavaScript"> var t="{"firstName": "cyra", "lastName": "ric...

javascript的offset、client、scroll使用方法详解

2016年07月27日 5 阅读

offsetTop 指元素距离上方或上层控件的位置，整型，单位像素。 offsetLeft 指元素距离左方或上层控件的位置，整型，单位像素。 offsetWidth 指元素控件自身的宽度，整型，单位像素。 offsetHeight 指元素控件自身的高度，整型，单位像素。网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.off...

Javascript图像处理思路及实现代码

2016年07月27日 8 阅读

思路 HTML5的canvas提供了getImageData接口来获取canvas中的数据，所以我们能够先用drawImage接口将图片画在canvas上然后再通过getImageData得到图片数据矩阵。需要注意，虽然IE9开始支持了canvas接口，但是其getImageData获取的数据并不是以标准的TypedArray方式存储的，或者说IE9没有提供对WebGL Native binary data的支持，所以如果需要对IE9支持，下面的矩阵需要...

鼠标触发移动的分层菜单层菜单moveMenu

2016年07月27日 6 阅读

会移动的菜单，层菜单，鼠标放在菜单上，菜单就会移动，上浮的菜单，像是TAB风格的菜单，使用了一张图片，顺着代码可下载到这张修饰的小图片。移动菜单，层菜单moveMenu .alpha { FILTER: Alpha（Opacity=80） } .td1 { FONT-SIZE: 12px } .td2 { BACKGROUND-COLOR: #ccffff; CURSOR: hand; FONT-SIZE: 12px } .maskl { OVER...

可折叠展开的简单目录实现代码

2016年07月27日 6 阅读

可折叠展开的简单目录 div{font-size:12px;color:red; background-color: #EAEAE8; border: 1 solid #1892B5; padding: 1}+ 主目录1- 子目录1 - 子目录2 - 子目录3 - 子目录4 + 主目录2 - 子目录1 - 子目录2 - 子目录3 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] ...

友情链接横向文字上下间隙循环滚动JS效果

2016年07月27日 6 阅读

仿qq频道上下单行多条滚动js效果代码，可用于新闻，友情链接上下间隙滚动 #nav { MARGIN: 7px auto 0px; HEIGHT: 117px } #nav #hotnews { BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 89px } #Scroll { CLEAR: both; BORDER-RIGHT: #cdc9ca 1px solid; BORDER-TOP: #cdc9ca 1px solid; ...

iphone手机桌面滑动效果使用css3实现

2016年07月27日 8 阅读

iphone手机桌面效果，因为用了css3样式，只测试了谷歌浏览器。 iphone手机桌面效果 body,div,ul,li{padding: 0; margin: 0; } li{list-style: none; } body {background: #333; } #iphone {width: 900px; height: 600px; background: url（http://files.jb51.net/file_image...

table 隔列（行）换色效果让表格结构更清淅

2016年07月27日 6 阅读

table 隔列换色效果 #test{ background-color:#C96; text-align:center; line-height:2em;} .over{background-color:#fff;} .out{background-color:#F1F1F1;} window.onload = function（）{ //returnColor（"test"）; setColor（"test"）; } function ...

Web网页对话框可拖动、关闭（自动）文字循环变化

2016年07月27日 6 阅读

Web 页对话框 span,table{font-size:10pt;margin:0pt} Tip of the day -- Web 页对话框 X 帮助1/5 你知道吗... 大家好，我是dennisboys 自动翻帖 var i=1 var timer1 var msg=new Array（）; msg[0]="" msg[1]="大家好，我是dennisboys" msg[2]="我非常喜欢javascript" msg...

首页 / 脚本样式 / JavaScript

ajax中get和post的说明及使用与区别

网页加载时页面显示进度条加载完成之后显示网页内容

jquery限制输入字数,并提示剩余字数实现代码

Jquery写一个鼠标拖动效果实现原理与代码

javascript 星级评分效果（手写）

Underscore.js 的模板功能介绍与应用

Knockoutjs快速入门（经典）

纯js网页画板（Graphics）类简介及实现代码

js 取时间差去掉周六周日实现代码

js优化针对IE6.0起作用（详细整理）

jquery 事件冒泡的介绍以及如何阻止事件冒泡

JS解析json数据并将json字符串转化为数组的实现方法

javascript的offset、client、scroll使用方法详解

Javascript图像处理思路及实现代码

鼠标触发移动的分层菜单 层菜单moveMenu

可折叠展开的简单目录实现代码

友情链接横向文字上下间隙循环滚动JS效果

iphone手机桌面滑动效果使用css3实现

table 隔列（行）换色效果让表格结构更清淅

Web网页对话框可拖动、关闭（自动）文字循环变化

鼠标触发移动的分层菜单层菜单moveMenu