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

JS实现仿百度输入框自动匹配功能的示例代码

2016年07月27日 9 阅读

现在很多网站都有这种效果，在文本框输入一个字符，下边会出来相匹配的内容，这个代码就演示了这个功能是如何完成的，当然，这是个静态的，你可以将提示的内容从数据库读取出来，要用到AJAX那东东。复制代码代码如下:<HTML><HEAD><title>带输入匹配的文本框</title><style>body,div {font-family:verdana;line-height:100%;font-s...

jQuery 文本框得失焦点的简单实例

2016年07月27日 9 阅读

版本一css代码部分：复制代码代码如下:.focus { border: 1px solid #f00; background: #fcc;} 当焦点获得时，添加focus样式，添加边框，并改背景色为#fcchtml代码部分：复制代码代码如下:<body> <form action="" method="post" id="regForm"> <fieldset> <legend>个人基本信息</...

js获取判断上传文件后缀名的示例代码

2016年07月27日 9 阅读

复制代码代码如下:function lastname（）{//获取欲上传的文件路径var filepath = document.getElementById（"file1"）.value; //为了避免转义反斜杠出问题，这里将对其进行转换var re = /（\+）/g; var filename=filepath.replace（re,"#"）;//对路径字符串进行剪切截取var one=filename.split（"#"）;//获取数组中最后一个...

js实现表格字段排序

2016年07月27日 9 阅读

1.比较函数生成器：复制代码代码如下:/*** 比较函数生成器* * @param iCol* 数据行数* @param sDataType* 该行的数据类型* @return*/function generateCompareTRs（iCol, sDataType） { return function compareTRs（oTR1, oTR2） { vValue1 = convert（oTR1.cells[iCol].firstChild.nodeV...

js实现身份证号码验证的简单实例

2016年07月27日 10 阅读

以下是根据身份证号码编码规则，使用JS对其进行有效性验证代码IdCard-Validate.js代码如下: 复制代码代码如下:/*** 身份证15位编码规则：dddddd yymmdd xx p * dddddd：地区码 * yymmdd: 出生年月日 * xx: 顺序类编码，无法确定 * p: 性别，奇数为男，偶数为女* <p />* 身份证18位编码规则：dddddd yyyymmdd xxx y * dddddd：地区码 * yyyym...

js 获取、清空input type="file"的值示例代码

2016年07月27日 13 阅读

上传控件基础知识说明：上传控件（<input type="file"/>）用于在客户端浏览并上传文件，用户选取的路径可以由value属性获取，但value属性是只读的，不能通过javascript来赋值，这就使得不能通过value=""语句来清空它。很容易理解为什么只读，如果可以随意赋值的话，那么用户只要打开你的网页，你就可以随心所欲的上传他电脑上的文件了。js 获取<intput type=file />的值复制代码代码如下:&...

悬浮数字的实现案例

2016年07月27日 9 阅读

有时候新闻或者消息提示有几条，可以用absolute定位来实现效果。原理是什么呢？1.获取数字或者状态。复制代码代码如下:function getnewscount（）{ $time = date（"Y-m-d",strtotime（"-3 day"））; $where["News.checkked = ？"] = array（"val"=>1 , "type"=>1）; $where["News.UpdateTime >= ？"] =...

jquery插件lazyload.js延迟加载图片的使用方法

2016年07月27日 10 阅读

如果一个网页很长并且有很多图片的话，下载图片就需要很多时间，那么就会影响整个网页的加载速度，而这款延迟加载插件，会通过你的滚动情况来加载你需要看的图片，然后它才会从后台请求下载图片，最后显示出来。通过这个插件，可以在需要显示图片的时候，才下载图片，从而可以减少服务器的压力，提高页面加载速度。Lazy Load 插件原理修改目标img元素的src属性为orginal属性，从而中断图片的加载。检测滚动状态，然后把网页可视区域中的img的src属性还原然后加载图...

页面按钮禁用与解除禁用的方法

2016年07月27日 10 阅读

计时器和延时器的概念 //--计时器 // 计时器ID号 setInterval（回调函数, 毫秒数）; // 每隔指定毫秒数，调用一次回调函数 // clearInterval（计时器ID号） // 停止指定ID号的计时器（实际上是销毁释放资源了） //--延时器 // 延时器Id号 setTimeout（回调函数, 毫秒间隔） // 从调用开始，等待指定毫秒数后调用一次回调函数，结束 // 使用clearTimeout清除延时器效果图：页面打开后会...

document.forms[].submit（）使用介绍

2016年07月27日 10 阅读

document.forms["exportServlet"].submit（）; （1）document.forms：表示获取当前页面的所有表单（2）document.forms[0]：表示获取当前页面的第一个表单（3）document.forms["exportServlet"]：表示获取当前页面的name="exportServlet"的表单（4）submit（）表示提交函数...

js实现的GridView即表头固定表体有滚动条且可滚动

2016年07月27日 10 阅读

复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" %> <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> // 计算数...

返回上一页并自动刷新的JavaScript代码

2016年07月27日 9 阅读

用JavaScript一般的使用history.go（-1）和history.back（）等但返回的是页面还是缓存中的数据，更新的数据不能马上呈现出来这里只要使用一句简单的一条javascript语句就能实行,返回上一页并刷新页面复制代码代码如下: location.href = document.referrer;//重新载入上一页 ...

javascript实现动态侧边栏代码

2016年07月27日 9 阅读

总的来说就是利用鼠标悬停onmouseover 和鼠标移除onmouseout 这两个时间来完成的。首先是HTML 结构复制代码代码如下:<body><div id="div1"><span>侧边栏</span></div></body>然后是css的样式：复制代码代码如下:#div1{ width:150px; height:200px; background:#999999...

javascript动态向网页中添加表格实现代码

2016年07月27日 9 阅读

//此段代码在IE9、Firefox、Chorme、safair中测试显示没有问题，给该表格添加了一些简单的样式，基本功能可以实现，还有少量问题有待改进！效果图如下：以下是代码：复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...

让jQuery Mobile不显示讨厌loading界面的方法

2016年07月27日 11 阅读

jQuery Mobile 的一个BUG：当不采用 ajax 以及他自己的 back 返回的时候，即：点击浏览器后退按钮时，将会从缓存之中加载页面，此时，讨厌的 loading 动画出来了，而且一直不消失。网上找了好多解决方法，搜索了好久都没有好用的，今天突然想起来个釜底抽薪，直接动jqeury-mobile 的类库. 用编辑器打开，找到显示pageLoading的方法， showPageLoadingMsg 的定义处：然后加上一句代码，if（...

调用DOM对象的focus使文本框获得焦点

2016年07月27日 9 阅读

由于JQuery中获得的对象还是JQuery对象，对其使用focus（）只是使该对象获得onFocus（）函数，不能是对象获得焦点，所以要使对象获得焦点，应该调用DOM对象的focus 方法，即：复制代码代码如下: $（"#id"）[0].focus（）; 需要注意两个函数之间的区别：复制代码代码如下: $（"#id"）.focus（）; $（"#id"）[0].focus（）; 第一个是增加onFocus（）时间，一个是使DOM对象获得焦点。...

JQuery异步加载无限下拉框级联功能实现示例

2016年07月27日 10 阅读

复制代码代码如下: <pre code_snippet_id="193059" snippet_file_name="blog_20140218_1_1038704" name="code" class="javascript">/* JQuery异步加载无限极下拉框级联功能 zjy */ （function （$） { $.ajaxSetup（{ async: false }）; var url = ""; var parameter = ...

jQuery拖拽div实现思路

2016年07月27日 9 阅读

思路是利用jquery的mousemove，mousedown，mouseup三个事件，定义两个相对位置，分别是 1、组件左上角与屏幕左上角的相对位置 2、鼠标所在坐标与组件左上角的相对位置。具体函数如下：复制代码代码如下: .drag{ position:absolute; background:#0000CC; top:100px;left:200px; padding:0; } 复制代码代码如下: $（document）.ready（fun...

使用CSS样式position:fixed水平滚动的方法

2016年07月27日 11 阅读

使用CSS样式"position:fixed"可以使div块固定在一个固定位置，即使有滚动条也不会改变其位置。position:fixed给很多开发者带来了惊艳的效果，然而当出现水平滚动条时，效果就不那么容易接受了。有时候我们希望当出现水平滚动条时，div块可以随滚动条左右移动，实现垂直固定定位（fixed），水平相对定位（absolute）。本文提供一个解决方法，附jquery扩展源码。本文的实现方式是使用js来控制div块随滚动条水平滚动，原理就是当...

一个CSS+jQuery实现的放大缩小动画效果

2016年07月27日 13 阅读

今天帮朋友写了一些代码,自己觉得写着写着，好几个版本以后，有点满意，于是就贴出来。都是定死了的。因为需求就只有4个元素。如果是要用CSS的class来处理，那就需要用到CSS3动画了。功能 : 在上方的按钮上滑动，可以切换各个page,点击下方的各个page，也可以切换收缩还是展开状态。初始效果预览复制代码代码如下: <！DOCTYPE html> <html> <head> <title> CSS...

首页 / 脚本样式 / JavaScript

JS实现仿百度输入框自动匹配功能的示例代码

jQuery 文本框得失焦点的简单实例

js获取判断上传文件后缀名的示例代码

js实现表格字段排序

js实现身份证号码验证的简单实例

js 获取、清空input type="file"的值示例代码

悬浮数字的实现案例

jquery插件lazyload.js延迟加载图片的使用方法

页面按钮禁用与解除禁用的方法

document.forms[].submit（）使用介绍

js实现的GridView即表头固定表体有滚动条且可滚动

返回上一页并自动刷新的JavaScript代码

javascript实现动态侧边栏代码

javascript动态向网页中添加表格实现代码

让jQuery Mobile不显示讨厌loading界面的方法

调用DOM对象的focus使文本框获得焦点

JQuery异步加载无限下拉框级联功能实现示例

jQuery拖拽div实现思路

使用CSS样式position:fixed水平滚动的方法

一个CSS+jQuery实现的放大缩小动画效果