BlogJava-tinguo002-随笔分类-js_css

javascript 代码 - 金额格式化，每三位加个,

一堣而安 — Mon, 18 Aug 2014 08:58:00 GMT

/**
* 金额格式化，每三位加个,
*/
function formatMoney1(money){
    var str = money + "";
    var result = "";
    var index = str.indexOf(".");
    var endStr = "";
    if(index>-1){
        endStr = str.substring(index, str.length);
        endStr = endStr.length==3?endStr:endStr+"0";
        str = str.substring(0, index);
    }else{
        endStr = ".00";
    }
    var i = 0;
    var len = str.length;
    for(i;i<len;i++){
        if((len - (4 + i)) % 3 == 0 && (len - (4 + i)) >= 0){
            result += str.substr(i, 1) + ",";
        }else{
            result += str.substr(i, 1);
        }
    }
    return result+endStr;
}

一堣而安 2014-08-18 16:58 发表评论

jQuery 重复加载，导致依赖于 jQuery的JS全部失效问题

一堣而安 — Thu, 24 Jul 2014 02:34:00 GMT

父页面引入子页面，子页面引入jQuery.js文件，父页面JS依赖jQuery.js   ，出现问题是，总提示JS对象无效。猜测jQuery加载顺序不是最早造成的。

父页面：

子页面：

从这里看，jQuery.js   是最早的咯，可是为什么其它的js都提示属性无效呢。

后面用 IE11 的F12工具查看 JS 的加载顺序，发现 jQuery 是最早加载的，只是加页面加载完毕后，突然有个请求又加载了一次 jQuery。

原因是如下代码：
$(function() {
    $("#zjyw_table_1").load("xxx.jsp");
}
xxx.jsp 里又加载了 jQuery.js   。把这句注释后就正常了。

这问题还郁闷了挺久，记录一下，方便其它人哈。

js加载顺序的一个文章：http://blog.csdn.net/dannywj1371/article/details/7048076

一堣而安 2014-07-24 10:34 发表评论

JS中URL编码参数(UrlEncode)

一堣而安 — Tue, 22 Jul 2014 11:09:00 GMT

JS中URL编码参数(UrlEncode)

网上有很多文字作品写涉及在JS中呈现类似UrlEncode功能时都是自定义参数来呈现，其实JS中本身就有那样的参数。
参数parameter由于用类似URL的形式传过去，所以别直接就那样赋值
以下是对变量值的URL编码总结：意见用encodeURIComponent() ， GET 和POST方法都能够发送过去
Java编程script中存在几种对URL字符串停止编码的窍门：escape()，encodeURI()，以及encodeURIComponent()。这几种编码所起的功能各不相同。
escape() 窍门：
采用ISO Latin字符集对指定的字符串停止编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx各式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。
不会被此窍门编码的字符： @ * / +
encodeURI() 窍门：
把URI字符串采用UTF-8编码各式转化成escape各式的字符串。
不会被此窍门编码的字符：! @ # $& * ( ) = : / ; ? + '
encodeURIComponent() 窍门：
把URI字符串采用UTF-8编码各式转化成escape各式的字符串。与encodeURI()相比，那个窍门将对更多的字符停止编码，比如 / 等字符。所以假如字符串里面包含了URI的几个部份的话，别用那个窍门来停止编码，否则 / 字符被编码之后URL将呈现错误。
不会被此窍门编码的字符：! * ( ) '

因此，对于汉文字符串来说，假如不期望把字符串编码各式转化成UTF-8各式的（比如原页面和目的页面的charset是一致的时候），只需求应用 escape。假如你的页面是GB2312或者更多有联系的编码，而接受参数parameter的页面是UTF-8编码的，就要采用encodeURI或者encodeURIComponent。

文章详细参考：http://www.cnblogs.com/neru/archive/2010/07/10/1774718.html

一堣而安 2014-07-22 19:09 发表评论

HTML 转义字符

一堣而安 — Wed, 02 Jul 2014 02:42:00 GMT

http://114.xixik.com/character/

一堣而安 2014-07-02 10:42 发表评论

WEB 打印，去页码、隐藏打印按钮

一堣而安 — Sat, 28 Jun 2014 13:49:00 GMT

详细参考：http://www.cnblogs.com/aidd2008/archive/2012/04/25/2469994.html

JSP代码如下：

<%@page import="java.net.URLDecoder"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
   + request.getServerName() + ":" + request.getServerPort()
   + path + "/";
String params = request.getParameter("params");
params = URLDecoder.decode(params, "UTF-8");
String[] arr = new String[8];
if (params != null) {
  arr = params.split(",");
}
request.setAttribute("arr", arr);
%>

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

打印单

href="css/gzjrzcjys/editFrame.css" />

线下资金转入申请

收款银行：	<%=arr[0]%>	收款方全称：	<%=arr[1]%>
收款方银行账号：	<%=arr[2]%>	充值码：	<%=arr[3]%>（填写在备注栏）
汇款银行：	<%=arr[4]%>	汇款方全称：	<%=arr[5]%>
汇款账号：	<%=arr[6]%>	汇款金额：	<%=arr[7]%> 元

       style="font-size:14px;"
    onclick="print1()" class="Noprint">【打印】

备注：请到网银或者银行办理转账业务，转账汇款时，信息必须如实填写，以避免无法如实到账而给您的投资造成损失！

友情链接：

http://www.boc.cn/" target="_blank">中国银行	http://www.ccb.com/cn/home/index.html" target="_blank">建设银行	http://www.icbc.com.cn/icbc/" target="_blank">工商银行	http://www.abchina.com/cn/" target="_blank">农业银行
http://www.cebbank.com/Site/ceb/cn" target="_blank">光大银行	href="http://www.bankcomm.com/BankCommSite/cn/default.html" target="_blank">交通银行	http://www.cib.com.cn/cn/index.html" target="_blank">兴业银行	http://www.psbc.com/portal/zh_CN/index.html" target="_blank">邮政储蓄

帮助：点击【打印】按钮没有反应。>>>展开

代码中所需图片如下：

一堣而安 2014-06-28 21:49 发表评论

web 打印

一堣而安 — Thu, 26 Jun 2014 06:40:00 GMT

http://www.jb51.net/article/21444.htm
http://www.downdiy.com/kfyy/php/20140323/9e7b9b20201d3a49bb835efc2edc23d3.html 保持线条被打印

一堣而安 2014-06-26 14:40 发表评论

JS读书文件

一堣而安 — Tue, 06 May 2014 15:02:00 GMT

Automation服务器不能创建对象
最简单解决方法：打开Internet Explorer “工具”菜单栏中的“选项”一栏，单击“安全”栏中的“自定义级别”选项卡，将第三项“对没有标记为安全的activex控件进行初始化和脚本运行”设置成
另外解决办法参考：http://blog.chinaunix.net/uid-20624711-id-1911481.html

==========
参考：http://www.cnblogs.com/java-boy/archive/2011/03/21/1989911.html

一堣而安 2014-05-06 23:02 发表评论

jquery-validate 框架验证

一堣而安 — Tue, 06 May 2014 07:43:00 GMT

参考：http://liuna718-163-com.iteye.com/blog/1914769

/*
动态添加验证
$("#dzName").rules("add",{ required: true,range:[1,100000000000], messages: { required: "必填项"} });
动态删除验证
$("#dzName").rules("remove");
判断验证是否全部通过
if(!$("#entInfoForm").validate().form()){
alert("如果您保存不了,请先将必填项填写完整(红色字体提示'必填项')");
}
*/

一堣而安 2014-05-06 15:43 发表评论

jQuery.validate 中文API

一堣而安 — Mon, 05 May 2014 01:34:00 GMT

参考：http://banu.blog.163.com/blog/static/23146482009111941249376/

一堣而安 2014-05-05 09:34 发表评论

jQuery on

一堣而安 — Sat, 15 Mar 2014 09:00:00 GMT

$(document).on("click","#flex1 tbody tr",function(){alert("The paragraph was clicked.");});

一堣而安 2014-03-15 17:00 发表评论

JSON.stringify 语法实例讲解

一堣而安 — Thu, 27 Feb 2014 15:50:00 GMT

详细出处参考：http://www.jb51.net/article/29893.htm

认识javascript也不短的时间了，可是这个用法说实在的，我还是第一次见过，惭愧啊惭愧啊。于是乎，在网上找了写资料，写了些例子希望能给园子们一些帮助。

作用：这个函数的作用主要是为了系列化对象的。

可能有些人对系列化这个词过敏，我的理解很简单。就是说把原来是对象的类型转换成字符串类型（或者更确切的说是json类型的）。就这么简单。打个比方说，你有一个类，那么你可以通过这个方法转换成相应的json类型的。很简单吧。

接着看。

语法：

JSON.stringify(value [, replacer] [, space])

value：是必须要的字段。就是你输入的对象，比如数组啊，类啊等等。

replacer：这个是可选的。它又分为2种方式，一种是方法，第二种是数组。

情况一：我们先说数据，通过我们后面的实验可以知道，它是和第一个有关系的。一般来说，我们系列化后的结果是通过键值对来进行表示的。

比如说：

name:"lan",age:25

这种形式。

所以，如果这种形式的话，如果第二个的值在第一个存在，那么的话就以第二个的值做key，第一个值为value进行表示，如果不存在，sorry，忽略。【是不是有点抽象，我也这么觉得，不过你等一下看实验就OK了。。呼呼。】

情况二：如果是方法，那很简单，就是说把系列化后的每一个对象（记住是每一个）传进方法里面进行处理。

space：很好理解，用什么来做分隔符的。

1.如果省略的话，那么显示出来的值就没有分隔符。直接输出来

2.如果是一个数字的话，那么它就定义缩进几个字符，当然如果大于10 ，则最大值为10.

3.如果是一些转义字符，比如“\t”，表示回车，那么它每行一个回车。

4.如果仅仅是字符串，OK，就在每行输出值的时候把这些字符串附加上去就OK。当然，最大长度也是10个字符。

开始用实例说明；

1.只有一个参数的情况下：

复制代码代码如下:

var student = new Object();

student.name = "Lanny";

student.age = "25";

student.location = "China";

var json = JSON.stringify(student);

alert(student);

结果如下:

有些人可能会怀疑JSON.stringify的作用，OK。那假如，我们不要这个函数。代码下面的样子：

复制代码代码如下:

var student = new Object();

student.name = "Lanny";

student.age = "25";

student.location = "China";

// var json = JSON.stringify(student);

alert(student);

　恭喜你得到的结果是：

没骗你吧，继续。

2.第二个参数存在，并且第二个参数还是function的时候

复制代码代码如下:

var students = new Array() ;

students[0] = "Lanny";

students[1] = "dong";

students[2] = "I love you";

var json = JSON.stringify(students,switchUpper);

function switchUpper(key, value) {

return value.toString().toUpperCase();

}

alert(json);

　　　　　　　　//var json = JSON.stringify(students, function (key,value) {

　　　　　　　　//return value.toString().toUpperCase();

　　　　　　　//});

　　　　上面的方法也可以换成下面的，2个都是一样，只是写法有那么一点点的不一样而已。

　得到结果如下：

3.第二个参数存在，并且第二个参数不是function，而是数组的时候。

3.1 【误区】如果第一个参数是数组，第二个参数也是数组的话，只显示第一个参数的值。

比如：

复制代码代码如下:

var students = new Array() ;

students[0] = "Lanny";

students[1] = "dong";

students[2] = "I love you";

var stu = new Array();

stu[0] = "1";

stu[1] = "2";

var json = JSON.stringify(students,stu);

alert(json);

　sorry 得到的结果就是：

第二个被忽略了，只是第一个被系列化了。

3.2 如果第一个是对象（这里说的对象就像在C#里面可以进行new的），第二个是数组的。

那么如果第二个的value在第一个存在，那么的话就以第二个的值做key，第一个值为value进行表示

复制代码代码如下:

var student = new Object();

student.qq = "5485891512";

student.name = "Lanny";

student.age = 25;

var stu = new Array();

stu[0] = "qq";

stu[1] = "age";

stu[2] = "Hi";//这个student对象里不存在。

var json = JSON.stringify(student,stu);

alert(json);

　得到的结果如下：

因为stu[2] = "Hi";这个Hi 在第一个找不到，所以就不进行显示了。

4.第三个参数

4.1.如果省略的话，那么显示出来的值就没有分隔符。直接输出来

比如：

复制代码代码如下:

var student = new Object();

student.qq = "5485891512";

student.name = "Lanny";

student.age = 25;

var stu = new Array();

stu[0] = "qq";

stu[1] = "age";

stu[2] = "Hi";

var json = JSON.stringify(student,stu);

alert(json);

　输出的就是：

4.2.如果是一个数字的话，那么它就定义缩进几个字符，当然如果大于10 ，则最大值为10.

复制代码代码如下:

var student = new Object();

student.qq = "5485891512";

student.name = "Lanny";

student.age = 25;

var stu = new Array();

stu[0] = "qq";

stu[1] = "age";

stu[2] = "Hi";

var json = JSON.stringify(student,stu,100);//注意这里的100

alert(json);

那么得到的是：

空开来了10个字符。

4.3.如果是一些转义字符，比如“\t”，表示回车，那么它每行一个回车。

也是一样。

4.4.如果仅仅是字符串，OK，就在每行输出值的时候把这些字符串附加上去就OK。当然，最大长度也是10个字符。

如果是var json = JSON.stringify(student,stu,“HaiKou”);//

就这样吧。good night。

详细出处参考：http://www.jb51.net/article/29893.htm

一堣而安 2014-02-27 23:50 发表评论

JSONObject put,accumulate,element的区别

一堣而安 — Thu, 27 Feb 2014 15:24:00 GMT

public Object put (Object key, Object value) 将value映射到key下。如果此JSONObject对象之前存在一个value在这个key下，当前的value会替换掉之前的value

Associates the specified value with the specified key in this map(optional operation). If the map previously contained . a mapping for this key, the old value is replaced by the specified value. (A map m is said to contain a mapping for a key k if and only if m.containsKey(k) would return true .))

public JSONObject accumulate (String key, Object value) 累积value到这个key下。这个方法同element()方法类似，特殊的是，如果当前已经存在一个value在这个key下那么一个JSONArray将会存储在这个key下来保存所有累积的value。如果已经存在一个JSONArray，那么当前的value就会添加到这个JSONArray中

。相比之下replace方法会替代先前的value

Accumulate values under a key. It is similar to the element method except that if there is already an object stored

under the key then a JSONArray is stored under the key to hold all of the accumulated values. If there is already a

JSONArray, then the new value is appended to it. In contrast, the replace method replaces the previous value.

public JSONObject element (String key, Object value) 将键/值对放到这个JSONObject对象里面。如果当前value为空(null)，那么如果这个key存在的话，这个key就会移除掉。如果这

个key之前有value值，那么此方法会调用accumulate()方法。

Put a key/value pair in the JSONObject. If the value is null, then the key will be removed from the JSONObject if it is

present. If there is a previous value assigned to the key, it will call accumulate.

转载：http://ljhzzyx.blog.163.com/blog/static/3838031220126810430157/

一堣而安 2014-02-27 23:24 发表评论

JSONObject对象使用

一堣而安 — Thu, 27 Feb 2014 15:07:00 GMT

JSON net.sf.json

1.JAR包简介

要使程序可以运行必须引入JSON-lib包，JSON-lib包同时依赖于以下的JAR包：

commons-lang.jar
commons-beanutils.jar
commons-collections.jar
commons-logging.jar
ezmorph.jar
json-lib-2.2.2-jdk15.jar

2.JSONObject对象使用

JSON-lib包是一个beans,collections,maps,java arrays 和XML和JSON互相转换的包。在本例中，我们将使用JSONObject类创建JSONObject对象，然后我们打印这些对象的值。为了使用 JSONObject对象，我们要引入"net.sf.json"包。为了给对象添加元素，我们要使用put()方法。

2.1.实例1

package jsontest;

import net.sf.json.JSONArray;
import net.sf.json.JSONObject;

public class JSONObjectSample {

    // 创建JSONObject对象
    private static JSONObject createJSONObject() {
        JSONObject jsonObject = new JSONObject();
        jsonObject.put("username", "huangwuyi");
        jsonObject.put("sex", "男");
        jsonObject.put("QQ", "413425430");
        jsonObject.put("Min.score", new Integer(99));
        jsonObject.put("nickname", "梦中心境");
        return jsonObject;
    }

    public static void main(String[] args) {
        JSONObject jsonObject = JSONObjectSample.createJSONObject();//静待方法，直接通过类名+方法调用
        // 输出jsonobject对象
        System.out.println("jsonObject：" + jsonObject);

        // 判读输出对象的类型
        boolean isArray = jsonObject.isArray();
        boolean isEmpty = jsonObject.isEmpty();
        boolean isNullObject = jsonObject.isNullObject();
        System.out.println("是否为数组:" + isArray + "，是否为空:" + isEmpty
                + "， isNullObject:" + isNullObject);

        // 添加属性，在jsonObject后面追加元素。
        jsonObject.element("address", "福建省厦门市");
        System.out.println("添加属性后的对象：" + jsonObject);

        // 返回一个JSONArray对象
        JSONArray jsonArray = new JSONArray();
        jsonArray.add(0, "this is a jsonArray value");
        jsonArray.add(1, "another jsonArray value");
        jsonObject.element("jsonArray", jsonArray);
        //在jsonObject后面住家一个jsonArray
        JSONArray array = jsonObject.getJSONArray("jsonArray");
        System.out.println(jsonObject);


        System.out.println("返回一个JSONArray对象：" + array);
        // 添加JSONArray后的值
        // {"username":"huangwuyi","sex":"男","QQ":"413425430","Min.score":99,"nickname":"梦中心境","address":"福建省厦门市","jsonArray":["this is a jsonArray value","another jsonArray value"]}
        System.out.println("结果=" + jsonObject);

        // 根据key返回一个字符串
        String username = jsonObject.getString("username");
        System.out.println("username==>" + username);

        // 把字符转换为 JSONObject
        String temp = jsonObject.toString();
        JSONObject object = JSONObject.fromObject(temp);
        // 转换后根据Key返回值
        System.out.println("qq=" + object.get("QQ"));

    }

}

输出结果

jsonObject：{"username":"huangwuyi","sex":"男","QQ":"413425430","Min.score":99,"nickname":"梦中心境"}

是否为数组:false， 是否为空:false， isNullObject:false
添加属性后的对象：{"username":"huangwuyi","sex":"男","QQ":"413425430","Min.score":99,"nickname":"梦中心境","address":"福建省厦门市"}
{"username":"huangwuyi","sex":"男","QQ":"413425430","Min.score":99,"nickname":"梦中心境","address":"福建省厦门市","jsonArray":["this is a jsonArray value","another jsonArray value"]}
返回一个JSONArray对象：["this is a jsonArray value","another jsonArray value"]
结果={"username":"huangwuyi","sex":"男","QQ":"413425430","Min.score":99,"nickname":"梦中心境","address":"福建省厦门市","jsonArray":["this is a jsonArray value","another jsonArray value"]}
username==>huangwuyi
qq=413425430

2.2.实例2.

package jsontest;

import net.sf.json.JSONArray;
import net.sf.json.JSONObject;

public class JSONTest {
    public static void main(String args[])
    {
        JSONObject jsonObj0  = new JSONObject();
        JSONObject jsonObj  = new JSONObject();
        JSONObject jsonObj2  = new JSONObject();
        JSONObject jsonObj3  = new JSONObject();
        JSONArray jsonArray = new JSONArray();
        
        //创建jsonObj0
        jsonObj0.put("name0", "zhangsan");
        jsonObj0.put("sex1", "female");
        System.out.println("jsonObj0:"+jsonObj0);
        
        //创建jsonObj1
        jsonObj.put("name", "xuwei");
        jsonObj.put("sex", "male");
        System.out.println("jsonObj:"+jsonObj);
    
        //创建jsonObj2，包含两个条目，条目内容分别为jsonObj0，jsonObj1
        jsonObj2.put("item0", jsonObj0);
        jsonObj2.put("item1", jsonObj);
        System.out.println("jsonObj2:"+jsonObj2);
        
        //创建jsonObj3，只有一个条目，内容为jsonObj2
        jsonObj3.element("j3", jsonObj2);
        System.out.println("jsonObj3:"+jsonObj3);
    
        //往JSONArray中添加JSONObject对象。发现JSONArray跟JSONObject的区别就是JSONArray比JSONObject多中括号[]
        jsonArray.add(jsonObj);
        System.out.println("jsonArray:"+jsonArray);
        
        JSONObject jsonObj4  = new JSONObject();
        jsonObj4.element("weather", jsonArray);
        System.out.println("jsonObj4:"+jsonObj4);
    }
}
输出结果：

jsonObj0:{"name0":"zhangsan","sex1":"female"}
jsonObj:{"name":"xuwei","sex":"male"}
jsonObj2:{"item0":{"name0":"zhangsan","sex1":"female"},"item1":{"name":"xuwei","sex":"male"}}
jsonObj3:{"j3":{"item0":{"name0":"zhangsan","sex1":"female"},"item1":{"name":"xuwei","sex":"male"}}}
jsonArray:[{"name":"xuwei","sex":"male"}]
jsonObj4:{"weather":[{"name":"xuwei","sex":"male"}]}


关于java bean的处理

创建java对象：

public class Address {
private String road;
private String streate;
private String provience;
private String no;
public String getRoad() {
  return road;
}
public void setRoad(String road) {
  this.road = road;
}
public String getStreate() {
  return streate;
}
public void setStreate(String streate) {
  this.streate = streate;
}
public String getProvience() {
  return provience;
}
public void setProvience(String provience) {
  this.provience = provience;
}
public String getNo() {
  return no;
}
public void setNo(String no) {
  this.no = no;
}
}

1.将json对象转化为java对象

JSONObject jsonObject = JSONObject.fromObject("{\"no\":\"104\",\"provience\":\"陕西\",\"road\":\"高新路\",\"streate\":\"\"}");
  Address Address = (Address) JSONObject.toBean(jsonObject,Address.class);
  log.info(Address.getNo());
  log.info(Address.getStreate());
  log.info(Address.getProvience());
  log.info(Address.getRoad());

2.将java对象转化为json对象

将java对象转化为json对象：

    Address address = new Address();
   address.setNo("104");
    address.setProvience("陕西");
    address.setRoad("高新路");
    address.setStreate("");
    JSONArray json = JSONArray.fromObject(address);
    log.info(json.toString());

将java对象list转化为json对象：

  Address address = new Address();
  address.setNo("104");
  address.setProvience("陕西");
  address.setRoad("高新路");
  address.setStreate("");
  Address address2 = new Address();
  address2.setNo("105");
  address2.setProvience("陕西");
  address2.setRoad("未央路");
  address2.setStreate("张办");
  List list = new ArrayList();
  list.add(address);
  list.add(address2);
  JSONArray json = JSONArray.fromObject(list);
  log.info(json.toString());

3.JSONArray转化为list

JSONObject jsonObject = JSONObject.fromObject("{\"no\":\"104\",\"provience\":\"陕西\",\"road\":\"高新路\",\"streate\":\"\"}");
  JSONArray jsonArray = new JSONArray();
  jsonArray.add("{\"no\":\"104\",\"provience\":\"陕西\",\"road\":\"高新路\",\"streate\":\"\"}");
  jsonArray.add("{\"no\":\"104\",\"provience\":\"陕西\",\"road\":\"高新路\",\"streate\":\"123\"}");
  Object object = JSONArray.toList(jsonArray,Address.class);

转载：http://www.cnblogs.com/hitwtx/articles/2468633.html

一堣而安 2014-02-27 23:07 发表评论

jQuery data()

一堣而安 — Wed, 01 Jan 2014 11:05:00 GMT

http://jianfulove.iteye.com/blog/1842254

一堣而安 2014-01-01 19:05 发表评论

javascript深入学习

一堣而安 — Wed, 01 Jan 2014 08:54:00 GMT

http://www.laruence.com/2009/09/23/1089.html

一堣而安 2014-01-01 16:54 发表评论

用JS清除缓存(document.cookie)

一堣而安 — Wed, 11 Dec 2013 06:34:00 GMT

（转）此文为转载，实在不好意思，原文地址丢了没有附上。

function foreach() {
var strCookie = document.cookie;
var arrCookie = strCookie.split("; "); // 将多cookie切割为多个名/值对
for ( var i = 0; i < arrCookie.length; i++) { // 遍历cookie数组，处理每个cookie对
  var arr = arrCookie[i].split("=");
  if (arr.length > 0)
   DelCookie(arr[0]);
}

}
function GetCooki(offset)
{
var endstr = document.cookie.indexOf(";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return decodeURIComponent(document.cookie.substring(offset, endstr));
}
function DelCookie(name) {
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval = GetCookie(name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString()+"; path=/"; //不断的尝试曾经使用过的path值
}

function GetCookie(name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
  var j = i + alen;
  if (document.cookie.substring(i, j) == arg)
   return GetCooki(j);
  i = document.cookie.indexOf(" ", i) + 1;
  if (i == 0)
   break;
}
return null;
}

另外推荐2个文章：

http://blog.sina.com.cn/s/blog_537cdd2e0100pxcz.html

http://www.mzone.cc/article/363.html

一堣而安 2013-12-11 14:34 发表评论

复选框文字对齐显示

一堣而安 — Sun, 08 Dec 2013 13:48:00 GMT

最近的工作中，有很多表单的制作，很多次都碰到复选框与文字对齐的问题，发现在不同的浏览器中，显示各异，显示效果如下

观察发现，IE6、IE7 显示效果基本相同，算是显示比较正常的效果，IE8、safari 和火狐显示效果基本相同，两个文字都偏下，而opera稍偏下。在之前我的解决方法，都是通过文字外面套上另外的标签，等，通过调整input标签和label的html标签来对齐，大概方法即是让input 和label 标签都左浮动，但前提一定是在写页面的时候，文字外面加了label 标签，这种方法应为定义了大量的浮动，还需要清除浮动，才能保证下面页面的正常显示，或者有些人用相对定位等方法，如果文字外面没有套label标签，更没有其他标签呢？经过查找，发现其实还是有很简单的方法就能解决问题

方法一：如果将font-family中的第一个字体设置为Tahoma，则可以实现对齐(Verdana等字体也可以)。次方法来源与蓝色理想 http://www.blueidea.com/tech/web/2009/6910_3.asp

<!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/xhtm"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>测试vertical-align</title> <style> *{ margin:0; padding:0;} .admin_more{vertical-align:middle} .admin_more input{vertical-align:middle;} body{font-family:tahoma;font-size:12px;} </style> </head> <body> <div class="admin_more" > <input name="" type="checkbox" value="语文" checked="checked" /> 物理 <input name="" type="checkbox" value="数学" /> 化学 <input name="" type="checkbox" value="英语" /> 历史 <input name="" type="checkbox" value="政治" /> 地理 <input name="" type="checkbox" value="生物" /> 生物 <input name="" type="checkbox" value="其他" /> 其他 </div> </body> </html>

如果文字外面有label 标签，只要定义input，label {vertical-align:middle} 即可，

注意：因为单选框或是复选框有外边距，所以需要先去除掉他的外边距。

方法二：定义input 标签vertical-align 属性，调整input 的上下边距，来实现input和文字的水平对齐

.admin_more input{vertical-align: text-bottom; margin-bottom:2px; *margin-bottom:-2px;}

原文：

http://blog.csdn.net/lifen_zhang/article/details/5415768

一堣而安 2013-12-08 21:48 发表评论

IE9浏览器中的My97日历控件刷新后无法打开问题解决办法

一堣而安 — Sun, 08 Dec 2013 13:47:00 GMT

在IE9浏览器中有一个iframe框架，有一个页面有my97日历控件，为什么刷新这个页面my97就不弹出日历了！刚开始网上说是没有用最新的代码，最后换成最新的还是不行。尽快一天的时间终于找到答案。解决办法如下：

在WdatePicker.js配置文件，里面有个$crossFrame,默认是true改为问题$crossFrame:false就解决了。希望对大家有帮助!

官方对此字段的解释是 是否跨框架,一般设置为true即可,遇到跨域错误时可以将此功能关闭。

原文：http://blog.163.com/johns_cena/blog/static/16802644020132153190125/

一堣而安 2013-12-08 21:47 发表评论

jQuery 插件设置cookie

一堣而安 — Sun, 08 Dec 2013 13:46:00 GMT

jquery.cookie.js使用介绍

2011-04-21

对cookies的操作在当访问一个网站就无时无刻的都伴随着我们，记录着我们的一举一动，并将不危害用户隐私的信息，将以保存，这样用户就不用去从新再次操作重复的步骤，这样大大方便了客户，也增加了客户对网站的回头率。

jquery.cookie.js 提供了jquery中非常简单的操作cookie的方法。

$.cookie('the_cookie'); // 获得cookie
$.cookie('the_cookie', 'the_value'); // 设置cookie
$.cookie('the_cookie', 'the_value', { expires: 7 }); //设置带时间的cookie
$.cookie('the_cookie', '', { expires: -1 }); // 删除
$.cookie('the_cookie', null); // 删除 cookie
$.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期路径域名等

这个插件默认的过期是按天数计算的，我们可以修改下，按毫秒计算，修改如下：

1if (typeof options.expires === 'number') {
2    //var days = options.expires, t = options.expires = new Date();
3    //t.setDate(t.getDate() + days);
4    var seconds = options.expires, t = options.expires = new Date();
5    t.setTime(t.getTime() + seconds);
6    //t.setTime(t.getTime() + days);
7    //date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));
8}

下面举个简单的例子：我们需要对某个页面进行阅读统计，但是呢，在一段时间里（比如5分钟），同一个人无论刷新了这个页面多少次都好，都只能算一次。这个时候可以借助cookie来实现：

代码就直接原汁原味地贴上来吧，做个记录。

原文：http://www.nowamagic.net/jquery/jquery_JqueryCookie.php

一堣而安 2013-12-08 21:46 发表评论

几号字对应几磅

一堣而安 — Fri, 06 Dec 2013 03:39:00 GMT

字号　　磅　　　毫米数
小初　　36　　　12.70
一号　　26　　　9.17
小一　　24　　　8.47
二号　　22　　　7.76
小二　　18　　　6.35
三号　　16　　　5.64
小三　　15　　　5.29
四号　　14　　　4.94
小四　　12　　　4.32
五号　　10.5　　3.70
小五　　9　　　 3.18
六号　　7.5　　 2.65
小六　　6.5　　 2.29＝＝＝＝中文Windows 98为了满足中文出版中使用字号作为字体大小的单位的需要，它允许用户同时使用“号”和 “磅”作为字体大小的单位。提供的字号包括：八号、七号、小六、六号、小五、五号、小四、四号、小三、三号、小二、二号、小一、一号、小初、初号。表1列出了每一种字体的“号”对应的“磅”值。
　　表1 “号”与“磅”的对应关系
　　字号码磅值字号磅值
原文：
http://zhidao.baidu.com/link?url=zrjI9Vs3hTUYYvqbmviQGrdq_CNx4zzVSOi8CycKN4yI9RuwTbfBVm8fS4cAWaZ47f4BQMSGYP2SSWV2PDhXEq

一堣而安 2013-12-06 11:39 发表评论

div+css中如何让图片垂直居中显示

一堣而安 — Sun, 01 Dec 2013 08:30:00 GMT

原文：http://zhidao.baidu.com/link?url=9J7uz4M0AvCgH42DXICuke9dMxsKfmwgGIJcVpmyjZh-sltTqP2zLiWi7mPedyWR0yyqhkgZ_BjoaYhqooyR6q

放图片的容器设置行高，给图片设置属性absmiddle，但是你说你的图片不知道高度，所以你的容器高度也应该是不定吧？如果是这样，也就是你容器的行高是不定的，这种方法也不好。
建议适时使用表格，DIV+CSS设计不是非要全盘都用DIV布局，适时而动才是王道，灵活应用。

line-height:200px"> />

一堣而安 2013-12-01 16:30 发表评论

My97日期控件时间前后限制

一堣而安 — Thu, 21 Nov 2013 05:50:00 GMT

一堣而安 2013-11-21 13:50 发表评论

如何利用js取得eWebEditor编辑器的内容

一堣而安 — Wed, 20 Nov 2013 13:31:00 GMT

原谅：http://blog.csdn.net/sunyujia/article/details/2572861

用javascript取控件的值本来是一件简单的事却被eWebEditor搞的很不方便，导致很多初学者，不知道该如何获取。在分析之前先把我们习惯性的取值方法写出来。

<HTML>

<HEAD>

<TITLE>eWebEditor ：标准调用示例TITLE>

<META http-equiv=Content-Type content="text/html; charset=gb2312">

<link rel='stylesheet' type='text/css' href='example.css'>

<script>

    function validateForm(){

        if(document.getElementById("content1").value!=""){

            document.getElementById("myform").submit();

        }else{

            alert("空");

        }

    }

script>

HEAD>

<BODY>

<FORM method="post" name="myform" action="rs.jsp">

<TABLE border="0" cellpadding="2" cellspacing="1">

<TR>

    <TD>编辑内容：TD>

    <TD>

        <INPUT type="hidden" name="content1" >

        <IFRAME ID="eWebEditor1" src="../ewebeditor.htm?id=content1&style=coolblue" frameborder="0" scrolling="no" width="550" height="350">IFRAME>

    TD>

TR>

<TR>

    <TD colspan=2 align=right>

    <INPUT type=button value="提交" onclick="validateForm()">

    <INPUT type=reset value="重填">

    <INPUT type=button value="查看源文件" onclick="location.replace('view-source:'+location)">

    TD>

TR>

TABLE>

FORM>

BODY>

HTML>

上面代码非常简单我们一般会认为document.getElementById("content1").value这样就可以取值了，但事实上并不是这样，通过这种方式取值，只能取到初始值，当编辑器的内容变化时是取不到的，为什么呢？为什么后台程序可以取得到编辑器中的值呢，<%=request.getParameter("content1")%>这里是可以取到编辑器中的内容的，但是document.getElementById("content1").value确不可以。看来eWebEditor在js中动了手脚，一定是动态帮定了提交事件，或动态绑定了在源码中搜索onsubmit找到如下代码，原来动态的绑定了onsubmit事件，这样每次在提交前会执行AttachSubmit函数

oForm.attachEvent("onsubmit", AttachSubmit) ;

if (! oForm.submitEditor) oForm.submitEditor = new Array() ;

oForm.submitEditor[oForm.submitEditor.length] = AttachSubmit ;

if (! oForm.originalSubmit) {

oForm.originalSubmit = oForm.submit ;

oForm.submit = function() {

if (this.submitEditor) {

for (var i = 0 ; i < this.submitEditor.length ; i++) {

this.submitEditor[i]() ;

}

this.originalSubmit() ;

}

function AttachSubmit() {

var oForm = oLinkField.form ;

if (!oForm) {return;}

var html = getHTML();

ContentEdit.value = html;

if (sCurrMode=="TEXT"){

html = HTMLEncode(html);

}

splitTextField(oLinkField, html);

}

AttachSubmit就是copy编辑器的内容到隐藏域控件中的过程。

知道了过程我们的问题就不难解决了。只需在取编辑器内容之前执行下AttachSubmit即可

function validateForm(){

window.frames["eWebEditor1"].AttachSubmit();//执行iframe页面中的AttachSubmit函数

if(document.getElementById("content1").value!=""){

document.getElementById("myform").submit();

}else{

alert("空");

}

整个过程就此结束，其实eWebEditor代码中的很多思想都是很具有参考价值的例如AttachSubmit的绑定submit 方法的重新封装，我还发现一段比较写的比较好的代码也一起贴出来。

var URLParams = new Object() ;

var aParams = document.location.search.substr(1).split('&') ;

for (i=0 ; i < aParams.length ; i++) {

var aParam = aParams[i].split('=') ;

URLParams[aParam[0]] = aParam[1] ;

}

var sLinkFieldName = URLParams["id"] ;

var sExtCSS = URLParams["extcss"] ;

var sFullScreen = URLParams["fullscreen"];

var config = new Object() ;

config.StyleName = (URLParams["style"]) ? URLParams["style"].toLowerCase() : "coolblue";

config.CusDir = URLParams["cusdir"];

config.ServerExt = "jsp";

解析url的方法，这种方法以前koko跟我说过一回，今天在ewebeditor中又看到了，看来是一种比较常规的分析URL参数的方法。

总结：其实eWebEditor只是修改了提交表单的两个事件，在提交表单前进行值copy，从而避免了编辑器每次更新都同步值这种没有必要的操作。

一堣而安 2013-11-20 21:31 发表评论

query取得iframe中元素的几种方法

一堣而安 — Wed, 20 Nov 2013 13:28:00 GMT

原文：http://blog.csdn.net/zalion/article/details/5894103

$(function(){
var win = document.getElementById('jhjj_iframe').contentWindow;
alert( win.document.body.innerText );
});

在iframe子页面获取父页面元素
代码如下:

$('#objId', parent.document);
// 搞定...

一堣而安 2013-11-20 21:28 发表评论

解决在IE浏览器中JQuery.resize()执行多次的方法（转）

一堣而安 — Thu, 07 Nov 2013 05:54:00 GMT

原文：http://blog.sina.com.cn/s/blog_8034a5a40101bejr.html

最近在做前台效果的时候用到了JQuery提供的resize()事件。resize
这个事件是监听浏览器窗口的放大与缩小，也就是说浏览器窗口大小的变化。

我在W3CSCHOOL上面查阅的时候，提供了一个例子。W3C源码

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js">script>
<script type="text/javascript">
x=0;
$(document).ready(function(){
$(window).resize(function() {
$("span").text(x+=1);
});
$("button").click(function(){
$(window).resize();
});
});
script>
head>
<body>
<p>窗口的大小被调整了 <span>0span> 次。p>
<p>请试着调整浏览器窗口的大小。p>
<button>触发窗口的 resize 事件button>
body>
html>

 结果我在IE环境下放大窗口 resize 事件执行了两次。后来我在谷歌和百度上面查询了下， 都存在IE环境下执行两次的相关信息。最后发现一个很不错的解决方案。 国外有个哥子写了个插件专门针对Jquery.resize()事件增强了。 地址在这里：http://benalman.com/projects/jquery-resize-plugin/ 在添加jquery.js之后在添加 "jquery.ba-resize.js" 就可以了。

<html>
<title>JQuery - resize()title>
<head>
<script type="text/javascript" src="js/jquery.js">script>
<script type="text/javascript" src="js/jquery.ba-resize.js">script>
<script type="text/javascript">
x=0;
$(document).ready(function(){
$(window).resize(function() {
$("span").text(x+=1);
});
});
script>
head>
<body>
<p>窗口大小被调整过 <span>0span> 次。p>
<p>请试着重新调整浏览器窗口的大小。p>
body>
html>

一堣而安 2013-11-07 13:54 发表评论

JS取整

一堣而安 — Wed, 30 Oct 2013 06:29:00 GMT

1.丢弃小数部分,保留整数部分

js:parseInt(7/2)

2.向上取整,有小数就整数部分加1

js: Math.ceil(7/2)

3,四舍五入.
js: Math.round(7/2)

4,向下取整

js: Math.floor(7/2)
详细出处参考：http://www.jb51.net/article/23398.htm

一堣而安 2013-10-30 14:29 发表评论

js数字验证

一堣而安 — Wed, 30 Oct 2013 06:26:00 GMT

来源：http://lives.iteye.com/blog/1397939地

BlogJava-tinguo002-随笔分类-js_css

javascript 代码 - 金额格式化，每三位加个,

jQuery 重复加载，导致依赖于 jQuery的JS全部失效问题

JS中URL编码参数(UrlEncode)

HTML 转义字符

WEB 打印，去页码、隐藏打印按钮

web 打印

JS读书文件

jquery-validate 框架验证

jQuery.validate 中文API

jQuery on

JSON.stringify 语法实例讲解

JSONObject put,accumulate,element的区别

JSONObject对象使用

JSON net.sf.json

1.JAR包简介

2.JSONObject对象使用

2.1.实例1

2.2.实例2.

jQuery data()

javascript深入学习

用JS清除缓存(document.cookie)

复选框文字对齐显示

IE9浏览器中的My97日历控件刷新后无法打开问题解决办法

jQuery 插件设置cookie

jquery.cookie.js使用介绍

几号字对应几磅

div+css中如何让图片垂直居中显示

My97日期控件 时间前后限制

如何利用js取得eWebEditor编辑器的内容

query取得iframe中元素的几种方法

解决在IE浏览器中JQuery.resize()执行多次的方法（转）

JS取整

js数字验证

My97日期控件时间前后限制