html或者jQuery的零碎拾遗

1. 返回上一页

<a href="<a href="javascript :history.back(-1)">返回上一页</a>
或
<a href="javascript :;" onClick="javascript :history.back(-1);">返回上一页</a>

如果是用按钮做的话就是：
<input type="button" name="Submit" onclick="javascript:history.back(-1);" value="返回上一页">

用图片做的话就是：
<a href="javascript :;" onClick="javascript :history.back(-1);"><img src="图片路径" border="0" title="返回上一页"></a>


[color=#FF0000]几秒钟后[/color]自动返回上一页代码:（加入两个head间，3000表示3秒）
<SCRIPT language=javascript>
function go()
{
window.history.go(-1);
}
setTimeout("go()",3000);
</SCRIPT>

2.图片base64字符串前端显示

将图片转为base64，然后前端显示的时候 src后的地址直接等于base64数据就可以显示图片。

3. npm相关

npm淘宝镜像

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

4. jQuery 中json与String之间的转换

JSON.parse(jsonstr); //可以将json字符串转换成json对象 
JSON.stringify(jsonobj); //可以将json对象转换成json字符串

5. display 状态

display 属性规定元素应该生成的框的类型。

默认值： inline

常用属性

属性	含义
none	此元素不会被显示。
block	此元素将显示为块级元素，此元素前后会带有换行符。
inline	默认。此元素会被显示为内联元素，元素前后没有换行符。

6. jquery中each的用法

定义和用法

each() 方法规定为每个匹配元素规定运行的函数。

提示：返回 false 可用于及早停止循环

语法

$(selector).each(function(index,element){})

参数

index - 选择器的 index 位置

element - 当前的元素（也可使用 “this” 选择器）

7. jquery刷新

window.location.reload()刷新当前页面.

parent.location.reload()刷新父亲对象（用于框架）

opener.location.reload()刷新父窗口对象（用于单开窗口）

top.location.reload()刷新最顶端对象（用于多开窗口）

8. 使用valid 验证表单 错误提示信息位置老是变动解决方案

var valid = $("#saveProjectTeam").valid()
if(!valid){
    $(".err_cir error").css("top","0px")
    $(".err_cir error").css("left","0px")
}

9. 把页面下的所有a标签都设置为新开新窗口

方法一：
在a标签中加入target属性
<a href="XXX" target="_blank">


方法二：
在head标签中加入
<base target="_blank" />

注：不可使用a {target : _blank;} 方式设置，因为css中没有target属性，不能直接在css中这样写

10. jquery中cookie设置

1. 需要引入的js文件
<script src="jQuery.1.8.3.js" type="text/javascript"></script> 
<script src="jquery.cookie.js" type="text/javascript"></script>


2. 使用
$.cookie(名字, 值, {expires: 365, path: '/','max-age':365 * 24 * 60 * 60});
过期时间设置为365天

其中有效期的设置中'max-age'设置必须有 否则设置不生效，但是看网上大家都没有设置也不知道他们是怎么生效的

11. JQUERY 防止快速双击重复提交

    $("#button").click(function () {
            $('#button').unbind('click');
           $("#form").submit();
    });
    
    $("#form").validate({
        invalidHandler: function(event, validator) {
            // 重新绑定事件
            $('#button').bind('click', function() {
                $('#button').unbind('click');
                $("#form").submit();
            });
        },
        onfocusout:false,
        errorElement:"span",
        errorPlacement:function(error, element) {},
        rules:{},
        messages:{},
        submitHandler:function (form) {
            $(form).ajaxSubmit({
                type:'POST',
                success:function (data) {}
            });
        }
    });

from表单中的提交按钮不可以是submit类型的，是button或者是其他的按钮类型 否则不生效

12. 在删除之前弹出是否删除提示框的相关JQuery代码

<script type="text/javascript">
    $(document).ready(function(){
		$("#adminDelete").click(function(){
			if(confirm("确定删除吗")){
				alert("删除成功");
				return true;
			}
			return false;
		});
    });
   </script>

13. jquery表单提交校验时定义自己的校验规则

        $("#changePwdForm").validate({
            rules: {
                password: { required: true, minlength: 8, maxlength: 20,checkPwd: true},
                rePassword: { equalTo: "#password" }
            },
            errorPlacement: function(error, element) {
                error.appendTo(element.parent().parent().parent().parent().find("[name='errorDiv']"));
            }
        });

        //自定义正则表达示验证方法
        $.validator.addMethod("checkPwd",function(value,element,params){
            var checkPwd = /^(?=.*?[a-zA-Z])(?=.*?[0-9])[a-zA-Z0-9]{8,20}$/;
            return this.optional(element)||(checkPwd.test(value));
        },"密码必须数字与字母组合");

validate插件介绍

validate()是插件的核心方法，定义了基本的校验规则和一些有用的配置项。

1> rules:设置表单的验证规则；
    1.1> required:必填
    1.2> minlength:最小长度
    1.3> maxlength:最大长度
    1.4> rangelength:长度范围，以数组呈现[2，10]，表示表单输入长度为2到10位
2> messages:设置表单不符合验证规则的提示信息；
3> debug:如果这个参数为true,那么表单还会提交，只进行检查，调试时十分方便。

例子中的正则解析

必须由数字和字母组成，长度为8-20，字母不限定大小写
var checkPwd = /^(?=.*?[a-zA-Z])(?=.*?[0-9])[a-zA-Z0-9]{8,20}$/;

必须由数字、大写字母、小写字母组成，长度为8-20
var checkPwd = /^(?=.*?[a-z])(?=.*?[A-Z])(?=.*?[0-9])[a-zA-Z0-9]{8,20}$/;

14. 滚动条出现

white-space:nowrap;/*内容横向排列不换行*/ 
overflow-x:auto;　　overflow-y:hidden;/*隐藏溢出部分。横向滚动条自动出现，纵向滚动条隐藏*/ 

15. jQuery实现字符串全部替换的方法

var str = "a<br/>b<br/>c<br/>";
re = new RegExp("<br/>","g"); //定义正则表达式
//第一个参数是要替换掉的内容，第二个参数"g"表示替换全部（global）。
var Newstr = str.Replace(re, ""); //第一个参数是正则表达式。
//本例会将全部匹配项替换为第二个参数。
alert(Newstr); //内容为：abc