input 宽度自适应

2016年07月27日 12 阅读

无标题文档 function checkLength（which） { var maxchar=100; var oTextCount = document.getElementById（"char"）; iCount = which.value.replace（/[^u0000-u00ff]/g,"aa"）.length; if（iCount...

javascript 用局部变量来代替全局变量第1/2页

2016年07月27日 8 阅读

为什么要这么做？有什么根据么？不这么做，对性能到底能带来多大的损失？本文就来探讨这些问题的答案，从根本上了解变量的读写性能都和哪些因素有关。 著作权声明本文译自 Nicholas C. Zakas 于2009年2月10日在个人网站上发表的《JavaScript Variable Performance》。原文是唯一的正式版，本文是经过原作者（Nicholas C. Zakas）授权的简体中文翻译版（Simplified Chinese Translatio...

javascript AutoScroller 函数类

2016年07月27日 7 阅读

复制代码 代码如下:/* * Copyright （C） 2007-2009 skylark * Email:aohailin@gmail.com * Version:2.1 * 原创程序,转载请保留版权 */ var $=function（o）{return typeof o=="string"？document.getElementById（o）:o;}; function AutoScroll（）{ this.obj=[]; this.version...

Jquery 基础学习笔记

2016年07月27日 8 阅读

1、属性： 为所有匹配的元素设置一个计算的属性值 //为所有的input添加属性class="btn" //$（"input"）.attr（"class","btn"）; 2、CSS：为每个匹配的元素添加指定的类名 //对所有的提交按钮添加样式 $（"input:submit"）.addClass（"btn"）; 3、值：获得第一个匹配元素的当前值 //取的某一按钮的值 //alert（$（"#Button1"）.val（））; 4、Html代码：取得第一...

Jquery 基础学习笔记之文档处理

2016年07月27日 10 阅读

主要包括以下几部分：（1）内部插入（2）外部插入（3）包裹（4）替换（5）删除（6）赋值。那我们就开始详细地看一下。 1、内部插入：向一些元素的内部插入内容 （1）append（content） :向每个匹配的元素内部追加内容，追加到元素内部的末尾，比如 描述: 向所有段落中追加一些HTML标记。 HTML 代码: <p>I would like to say: </p> jQuery 代码: $（"p"）.append（"<...

js键盘方向键 文章翻页跳转的效果[小说站常用已支持firefox]

2016年07月27日 10 阅读

一个小小的人性化功能，给用户很大的方便，所以如果你要做类似的网站，侠客建议还是加上哟。 先体验一下此功能吧： 按下向左方向键转到:www.baidu.com 按下向右方向键转到:www.google.com 按下向回车键转到:www.jb51.net 按下ctrl+enter回车键转到:www.jb51.net 实现本功能的javascript代码： 支持按键盘方向键翻页跳转的代码 document.onkeydown = pageE...

Javascript 日期对象Date扩展方法

2016年07月27日 10 阅读

今天在网上摘抄了些js中操作日期的相关方法，现在与大家分享一下。 复制代码 代码如下:<script type="text/javascript"> Date.prototype.Format = function（fmt） { //author: meizz var o = { "M+" : this.getMonth（） + 1, //月份 "d+" : this.getDate（）, //日 "h+" : this.getHours（）,...

JS 文字符串转换unicode编码函数

2016年07月27日 9 阅读

复制代码 代码如下:function uniencode（text） { text = escape（text.toString（））.replace（/+/g, "%2B"）; var matches = text.match（/（%（[0-9A-F]{2}））/gi）; if （matches） { for （var matchid = 0; matchid < matches.length; matchid++） { var code = ma...

javascript 进度条的几种方法

2016年07月27日 7 阅读

我们先看看最终效果： 第一步，基本 构建基本的代码，看效果演示： 制作进度条的两种方法 *{ margin:0; padding:0; } body{font-size:12px;}h1{font-size:15px;} .wrap{ font-size: 12px; margin:40px auto; width:400px; } /*进度条样式*/ .progressbar_1{ background-color:#eee; height:1...

Jquery中的offset（）和position（）深入剖析

2016年07月27日 10 阅读

先看看这两个方法的定义。 offset（）: 获取匹配元素在当前视口的相对偏移。 返回的对象包含两个整形属性：top 和 left。此方法只对可见元素有效。 position（）: 获取匹配元素相对父元素的偏移。 返回的对象包含两个整形属性：top 和 left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。 真的就这么简单吗？实践出真知。 先来看看在jquery框架源码里面，是怎么获得position（）的： 复制代码 ...

基于Jquery 好友选择器V2.0

2016年07月27日 7 阅读

个人觉得好友选择器是一个比较复杂的组件，涉及到前端和后端的整合。在这里我主要是介绍端段如何实现，后端的数据，我用了几个简单的ASP页面来提供。 1.代码风格 我的组件是作为一个Jquery 的插件来做的。把整个组件做为一个类来处理。这样也方便在一个页面上多个好友选择器共存而不相互影响。 所有需要写的参数都在最下面的giant.ui.friendsuggest.defaults 中给了默认值。在未传入参数时，会调用默认值。另外，在以下划线开头的方法，我约定为...

帮助避免错误的Javascript陷阱清单

2016年07月27日 9 阅读

翻译讲究"信雅达",我就谈不上了.希望能把文章的意思不要弄错就行.编程的陷阱（gotcha）是指计算机系统中的意想不到的文档特征而不是bug.这些陷阱使得初学者远离javascript编程.在我看来,因为所有的浏览器都能运行javascript使得它是使用最广泛的语言之一,但它也是最少人研究的.让我们从一个基础的示例开始.1.浮点运算这可能是挫败一些对javascript不熟悉并准备执行一些数学运算的人的主要原因.<script> alert（...

javascript 关闭IE6、IE7

2016年07月27日 10 阅读

请各位参看下面的代码。 复制代码 代码如下:if（ieVersion == "6.0"） { window.opener=null; window.close（）; } else if（ieVersion == "7.0"） { window.open（"","_parent"，""）; window.close（）; } 这里需要注意的是在IE7下如果想关闭整个浏览器的话，window.open（"","_parent"，""）; 中的第2个参数应该修改...

javascript substr和substring用法比较

2016年07月27日 10 阅读

substr函数和substring函数都是用来从某个“母字符串”中提取“子字符串”的函数。但用法有些差别，下面分别介绍substr 方法 定义和用法 substr 方法用于返回一个从指定位置开始的指定长度的子字符串。 语法 stringObject.substr（start [, length ]） 参数 描述 start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。 length 可选。在返回的子字符串中应包括的字符个数。 说明 ...

javascript 强制弹出窗口代码-跨拦截

2016年07月27日 8 阅读

强制弹出窗口代码研究－ForceWindow 此为一款老代码，本代码是通过构建一个 Form，然后用 JS 去 submit 这个 Form（也可以模拟提交按钮被 click）。我在 IE8 中测试起作用，但在 Firefox 3.5 中被拦截。 复制代码 代码如下: ForceWindow.iclass.js 代码如下（使用、讲解、相关说明全部在注释中）： /** * ===========================================...

javascript 获取多条数据（模拟ajax获取数据）

2016年07月27日 7 阅读

guestbook demo var data = [ { id:11, name:"路人甲", mail:"somebodyA@foo.com", title:"测试一下这个留言板好用不", content:"测试就是测试，不要问我为什么测试，也不要问我为了什么测试，反正我就是要测试，你能把我怎么着？", time:"2007-03-21 12:33:43" }, { id:12, name:"路人乙", mail:"somebodyB@fo...

js 分页代码带切换效果

2016年07月27日 8 阅读

载入需要点时间，请稍微等待。 无标题文档 支付宝与六大代理签订协议 刷卡积分可网上购物 支付宝为网店保驾护航 支付宝红包送来红地毯 紧急天气预报"红色风暴"空降支付宝 小红包背后大名堂 Q88.net全面无缝接合支付宝 电子支付规范走出第一步 使用专业版受鼓励 从支付宝看电子商务的发展 谁能与支付宝PK？ 国内第一家引入支付宝的网络图库正式开通 新浪网：中关村在线加入支付宝联盟 千家网店加入支付宝联盟 我与支付宝...

选择指定数量后checkbox不可选（变灰）javascript代码

2016年07月27日 9 阅读

选择3个后可以看到效果 function disableCheckBox（） { var obj=document.getElementsByTagName（"input"） for（var i=0;i...

AJAX 仿EXCEL表格功能

2016年07月27日 10 阅读

仿Excel表格演示 //////////////////////////////////////////变量—初始化/////////////////////////////////////// var toBeColor = "#F8F9FC"; var backColor = "#FFFFFF"; var tableId = "tbData"; var table; var tbody; var divShowInput; window.onl...

javascript 图片上传预览-兼容标准

2016年07月27日 8 阅读

复制代码 代码如下:<！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-...