javascript
关注
分享
扫一扫
文章平均质量分 62
lzf0514
这个作者很懒，什么都没留下…
展开
-
JavaScript中的Attribute相关内容介绍
Attribute是属性的意思，上面用蓝色表示的部分就是input标签中一个名为id的Attribute，用红色部分表示的是一个 node（节点），文章仅对部分兼容IE和FF的Attribute相关的介绍。attributes：获取一个属性作为对象getAttribute：获取某一个属性的值setAttribute：建立一个属性，并同时给属性捆绑一个值createAttri...原创 2010-07-07 15:02:00 · 96 阅读 · 0 评论 -
jQuery插件通用的框架
/* * tableUI 0.1 * Copyright (c) 2009 JustinYoung http://justinyoung.cnblogs.com/ * Date: 2010-03-30 * 使用tableUI可以方便地将表格提示使用体验。先提供的功能有奇偶行颜色交替，鼠标移上高亮显示 */(function($){ ...原创 2011-06-07 12:05:38 · 104 阅读 · 0 评论 -
jQuery图片切换,轮播效果
<!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> &原创 2011-05-26 18:06:00 · 143 阅读 · 0 评论 -
jquery实现tab选项卡
<section class="recommendarticlelist"> <hgroup class="clearfix"> <h2>热点推荐</h2> <h3> <span data-index="0" >婚纱礼服&a原创 2011-09-08 10:36:57 · 243 阅读 · 0 评论 -
常用JS代码大全
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey ...原创 2011-09-07 18:42:44 · 260 阅读 · 0 评论 -
jquery实现自定义select表单
<!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> &2011-09-06 19:09:54 · 160 阅读 · 0 评论 -
jQuery图片切换,轮播效果
用jQuery实现迅雷首页(http://xunlei.com/)FLASH轮换的效果.先看效果吧: http://www.koyoz.com/demo/html/autoplay_xunlei/play.html特点:与迅雷首页FLASH动画相似度达到99%不使用FLASH, 完全由javascript实现控制完美的图片渐变过渡效果(为兼容浏览器,未使用IE强大滤镜...原创 2011-05-26 13:34:23 · 218 阅读 · 0 评论 -
jquery实现图片幻灯片切换代码
<!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> &原创 2011-09-01 19:20:13 · 246 阅读 · 0 评论 -
实现一个获取元素样式的函数getStyle
实现一个获取元素样式的函数getStyle2009-1-21 13:58:33元素的CSS样式，除了包括内联的（即通过style属性加上的）样式定义外，还有页面嵌入的css和外部引入的css两种方式。但在JS中通过el.style.xxx只能获取的内联的样式属性，这就存在比较大的局限性。好在浏览器都提供了另外的方式来获取以其它方式定义的样式属性，在IE中有currentStyle、...原创 2010-11-17 10:36:25 · 158 阅读 · 0 评论 -
前端开发常用工具之开发工具篇
由于近年来RIA相关技术的兴起，WEB前端相关职位已经开始出现在越来越多的互联网公司中，而且越来越受到人们的重视。现在做前端与前些年（PS设计出效果图，dreamweaver拉出界面，就可以交由后台程序员来套程序了）已经完全不同。由于浏览器运行环境以及RIA项目需求的特殊性，WEB前端所涉及的东西也越来越多，web标准、多浏览器兼容、程序性能、JS内存泄露、js/Ajax的调试...很...原创 2010-11-17 10:40:35 · 241 阅读 · 0 评论 -
关于浏览器内核的一些概念
什么是浏览器内核 要想搞清楚浏览器内核是什么，首先应该搞清楚浏览器的构成是怎样的。简单来说浏览器可以分为两部分： shell + 内核。其中 shell 的种类相对较多，内核则 较少。shell 是指浏览器的外壳：如菜单，工具栏等。主要是提供给用户界面操作，参数设置等等；内核则是一些基于标记语言显示内容的程序或模块，它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（...原创 2011-12-14 11:37:48 · 201 阅读 · 0 评论 -
javascript基础知识大集锦(2)
本期主题：正则表达式 call(),apply(),callee,caller,cookie方法，setInterval()，clearInterval(),setTimeout() ,clearTimeout()详细看附件例子，还是写的比较简单的。1.关于cookie的函数：Js代码 /** * cookie操作工具. ...原创 2011-08-15 12:44:32 · 94 阅读 · 0 评论 -
javascript基础知识大集锦(1)
主要知识点：js数组，数字函数，字符串函数，表单验证，hashMap，堆栈，日期函数，call函数 等。next：js正则表达式，闭包，apply，callee，事件相关函数，Cookie等 1.javascript的数组APIJs代码 //定义数组 var pageIds = new Array()...原创 2011-08-15 12:42:44 · 115 阅读 · 0 评论 -
用 Javascript 实现检测、添加、移除样式（className）
前台脚本中，我们经常要操作页面元素的样式，比如标签页切换时，将当前标签加上一个样式，当切换到其他标签时，再将样式还原，本文介绍的是直接添加和移除 className 的方法。Javascript: <script type="text/javascript"> // 说明：添加、移除、检测 className func...原创 2011-08-12 16:36:46 · 198 阅读 · 0 评论 -
iframe自适应高度
父页：<script type="text/javascript" src="FrameManager.js"></script><iframe id="frame-one" scrolling="no" frameborder="0" src="子页面.html" width="100%"原创 2011-08-08 17:45:28 · 85 阅读 · 0 评论 -
jquery实现无缝图片滚动
爱结上海 全上海都相信爱情之公车新娘变身秀 - 爱结 ijie.com $(document).ready(function () { var pic = $(".eventspicslidebox ul"); var prevbtn = $(".prevbtn"); var nex...原创 2011-10-24 13:58:08 · 170 阅读 · 0 评论 -
JS变量的作用域
JavaScript中变量的作用域非常奇特，如果不仔细研究，一定会被它搞晕用几个简单的例字说明一下：1、定义全局变量var a = 1;或 window.a=1;2、同名的变量，局部变量的优先级高于全局变量var a = 1;function main() { alert(a); //弹出 'undefined'...原创 2011-10-18 14:53:17 · 108 阅读 · 0 评论 -
图片延迟加载之随滚动条显示
经常上tudou网，发现tudou首页加载图片的功能很有意思，tudou首页从"娱乐"这个板块往下的所有视频的缩略图并不是在页面打开后就加载的，而是当用户拖动滚动条到了"娱乐" 这个板块，才开始加载图片的。这样做的好处当然是如果有用户不需要查看下面的内容，则免去了下面所有图片的请求，这对减少服务器的压力还是很有帮助的。其实tudou的实现原理很简单：1.先把所有需要延迟加载的图...原创 2011-10-18 14:38:32 · 155 阅读 · 0 评论 -
js控制图片自动等比例缩放
function imgfix(){ var maxwidth=58; var maxheight=58; $("#test img").each(function(){ $(this).css("width",this.width>maxwidth && this.height/maxheight &l...原创 2011-08-29 16:17:23 · 171 阅读 · 0 评论 -
json返回数组的处理。
后台返回json的格式为“{'name':'woe','age':'19'}”。前端ajax请求的处理：$.ajax({url:'userAction!valAdd.xhtml',data:'user.username='+uname,type:'POST',dataType:'json',success:function(data){...原创 2011-08-16 12:28:49 · 245 阅读 · 0 评论 -
强烈推荐：240多个jQuery插件
概述jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript...原创 2010-07-29 15:10:45 · 97 阅读 · 0 评论 -
了解 jQuery.validate 的用法
jquery.validate是一个基于jquery的非常优秀的验证框架，我们可以通过它迅速验证一些常见的输入,并且可以自己扩充自己的验证方法，而且对国际化也有非常好的支持。jquery.validate 官方网址：http://bassistance.de/jquery-plugins/jquery-plugin-validation/使用用法：1、首先下载jquery.js和j...原创 2010-07-29 12:20:11 · 91 阅读 · 0 评论 -
Jquery Validator 的addMethod用法備忘
之前遍查不到validator的addMethod用法 官方的文件也不是說的很明白 由於我需要用正規化來做一些原本validator沒有的驗証規則 所以只能用addMethod的方法 大家可以參考下列的用法 用addMethod新增一個規則後 你可以自訂要針對這個規則所做出反應跟自訂錯誤訊息! 如果要套用這個規則,可以在html 元件中,加上class="自訂規則名" 即可套用了! ...原创 2010-07-29 12:12:40 · 115 阅读 · 0 评论 -
JS控制 input 输入字符控制
ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13)event.keyCode=9" > 只能是中文<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"...原创 2010-07-29 11:49:00 · 116 阅读 · 0 评论 -
js常用函数整理
类型转换:parseInt\parseFloat\toString类型判断:typeof;eg:if(typeof(var)!="undefined")\isNaN字符处理函数:toLowerCase\touppercase\ substring(从哪里截到哪)\substr(从哪里开始;截多少个字符) \indexOf(字串中找某串字符)\replace(替换函数)\charCo...原创 2010-07-28 14:33:13 · 137 阅读 · 0 评论 -
107条 Javascript的常用语句
1. document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document) 5.得到表单中元素的名称和值...原创 2010-07-20 16:41:30 · 84 阅读 · 0 评论 -
JavaScript中的正则表达式解析
正则表达式是一个描述字符模式的对象。 JavaScript的RegExp对象和String对象定义了使用正则表达式来执行强大的模式匹配和文本检索与替换函数的方法. 在JavaScript中,正则表达式是由一个RegExp对象表示的.当然,可以使用一个RegExp()构造函数来创建RegExp对象,也可以用JavaScript 1.2中的新添加的一个特殊语法来创建Reg...原创 2010-07-12 12:50:18 · 109 阅读 · 0 评论 -
FireFox与IE开发上的一些区别
1. window.event * IE：有window.event对象 * FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 2. 鼠标当前坐标 * IE：event.x和event.y。 ...原创 2010-07-07 16:29:47 · 104 阅读 · 0 评论 -
jquery.validate
需要JQuery版本：1.2.6+, 兼容 1.3.2<script src="../js/jquery.js" type="text/javascript"></script><script src="../js/jquery.validate.js" type="text/javascript"></script&原创 2010-07-30 12:44:20 · 103 阅读 · 0 评论 -
JS取得框架的DOM
JS取得框架的DOMwindow.frames[the_iframe].document.body.scrollWidth //the_iframe是框架的名称。[url=http://www.cqzqsl.com]中企速联[/url]原创 2010-08-02 10:44:14 · 125 阅读 · 0 评论 -
50个jQuery代码段帮你成为更好的JavaScript开发者
1. 如何创建嵌套的过滤器：1//允许你减少集合中的匹配元素的过滤器，2//只剩下那些与给定的选择器匹配的部分。在这种情况下，3//查询删除了任何没（:not）有（:has）4//包含class为“selected”（.selected）的子节点。5...原创 2011-08-16 12:26:51 · 96 阅读 · 0 评论 -
如何在IE6、IE7、IE8中使用HTML5 canvas
在网页中引入excanvas.compiled.js即可。参见：http://www.webkrunk.com/2010/05/12/how-to-use-html5-canvas-with-ie6-ie7-and-ie8/原创 2010-10-14 14:41:43 · 312 阅读 · 0 评论 -
下雪效果js
/* DHTML PNG Snowstorm! OO-style Jascript-based Snow effect -------------------------------------------------------- Version 1.0.20110101 Dependencies: GIF/PNG images (0 through 4.gif/...原创 2011-01-07 18:02:03 · 122 阅读 · 0 评论 -
绕道解决IE6下Select遮罩其他层的问题
/** * s - Bool, 控制selectbox为显示(false)或隐藏(true) * e - DomElement, 控制selectbox dom查询深度，有利于提高效率 **/var hideSelectBox = function(s, e){ if(!window.XMLHttpRequest){ //Detect IE6 v...原创 2010-12-31 17:22:08 · 106 阅读 · 0 评论 -
(function($){}) 和$(function(){}) 和$(function($){}) 区别
一、先看 jQuery(function(){ }); 全写为 jQuery(document).ready(function(){ }); 意义为在DOM加载完毕后执行了ready()方法。 二、再看 (function(){ })(jQuery)； 其实际上是执行()(para)匿名方法,只不过是传递了jQuery对象。 ...原创 2011-04-18 15:51:48 · 237 阅读 · 0 评论 -
JavaScript 写入, 读取, 刪除 Cookie 值
/** * JavaScript 写入, 读取, 刪除 Cookie 值 **/ function SetCookie(name,value,expiry,path,domain,secure){ var NameString = name + "=" + value; var ExpiryString = (expiry ==...原创 2010-12-22 09:37:32 · 89 阅读 · 0 评论 -
10个javascript Frameworks(框架) 外连
google提供的10个javascript Frameworks 外连：jqueryjquery UIChrome FrameswfobjectmootoolsYahoo! UIPrototypeExt.JSDojoScriptaculous...原创 2010-08-03 10:24:32 · 208 阅读 · 0 评论 -
js初学实例教程
用JS显示文字的例子：document.write("Hello World!")用HTML标签来格式化文本的例子：document.write("Hello World!")书写JS位置的例子：打开页面弹出窗口的例子function message(){alert(...原创 2010-08-02 12:01:26 · 110 阅读 · 0 评论 -
将手机网站做成手机应用的JS框架
将手机网站做成手机应用的JS框架发表于 2010年09月1日 由 标点符随着智能手机销量持续飙升，越来越多的开发者投入到移动应用开发之中。无论是本地化的APP应用，还是移动优化版的网络站点，移动创新正以不可思议的速度蔓延开来。本地APP仍然有其价值所在，但随着越来越多的不同设备、操作系统，以及屏幕大小让开发移动优化版的网站越来越令人着迷。实际上，在以快速、迭代、跨平台为基础的W...原创 2011-11-30 14:26:46 · 153 阅读 · 0 评论