随笔分类 - Javascript
摘要：抽空把公司项目上用的tab效果封装了一下，实在是需要用的地方太多了~~~效果图：代码：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
阅读全文
摘要：jQuery是一个快捷简便的JavaScript框架，说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 jQuery是一个快捷简便的JavaScript框架，说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 在当今的各个浏览器中都支持事件的冒泡，所谓的冒泡可以这样理解：条件：外层有一个DIV元素，在内层有一个P元素，他两存在这样的关系:DIV是P元素的父元素，而P是外层DIV的子元素，他们之间存在包含和被包含的关系。事件：现在我们都在这两个元素上绑定相同的事件，比如click事件。结果：这时，当我们点击内层的P标签
阅读全文
摘要：有默认值，有一个灰色文字样式（提示用户的信息）；获得焦点后，清空默认值让用户输入文字，这时失去焦点后，给一个样式名来改变文字颜色，这种情况下再次获得焦点时不清空用户已输入的值。如果用户没有输入任何值，返回默认值，灰色文本样式<!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/19
阅读全文
摘要：type='sumbit'时默认enter键提交表单但如果用的是ajax提交时，type="button"，enter键提交不了，所以只好用js去捕捉onkeydown事件~document.onkeydown = function(e){ e = e || window.event; if(e.keyCode === 13){ //这里放你的代码 }};
阅读全文
摘要：document.documentElement.getBoundingClientRect方法获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置。也不好理解，下面用图说明下。该方法已经不再是IE Only了，FF3.0+和Opera9.5+已经支持了该方法，可以说在获得页面元素位置上效率能有很大的提高，在以前版本的Opera和Firefox中必须通过循环来获得元素在页面中的绝对位置。下面的代码举了个简单的例子，可以滚动滚动条之后点红色区域看各个值的变化。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/
阅读全文
摘要：关于$(document).ready()：jquery中的$(document).ready()，那$(document).ready()到底是什么作用呢？是不是可以用window.onload = function(){ ... }来实现呢？这里，我们要明确二者之间的区别。我们使用window.onload = function(){ ... }，是希望在页面被载入时执行function中的处理，但是这些JS代码只有在页面上的全部内容加载完成（包括头部的banner广告，所有图片）的时候才会执行。将window.onload放在最上边的原因就是当你第一次运行codes的时候，HTML
阅读全文
摘要：<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><title></title><style type="text/css">a { display:block;}</style><script type="text/javascript"> function t(e){ e = window.
阅读全文
摘要：很多登录功能上都有个“记住密码”的功能，其实无非就是对cookie的读取。下面展示这个功能的代码，原作者已无法考究。。。。测试方法：直接输入账号密码，提交后，刷新页面，再输入同样的账号，就可以显示
阅读全文
摘要：在javascript操作dom树的时候可能会经常遇到增加，删除节点的事情，比如一个输入框后一个增加按钮，一个删除按钮，点击增加就增加个输入框，点击删除就删除对应的输入框。在一些js框架，如Prototype中，可以用element.remove()来删除一个节点，核心JS中并没有这样的方法，IE中有这样一个方法:removeNode()，尝试运行下面的代码<div><input onclick="removeNode(this)" type="text" value="点击移除该输入框" /></div>可以发现，这个方法在IE下是好使的，但是在Firef
阅读全文
摘要：淘宝里面的html用base64转换图片，不知道为什么，不过看起来好像很美好，给个地址让大家玩玩，谁要有更全面的介绍也留下言http://www.rssria.com/blogx/wp-content/uploads/2010/05/imgbase64/UML.htmlJava代码代码
阅读全文
浙公网安备 33010602011771号