BlogJava-分享ｊａｖａ带来的快乐-文章分类-web技巧http://www.blogjava.net/lyjjq/category/20795.html我喜欢ｊａｖａ新东西zh-cnFri, 20 Sep 2013 00:17:05 GMTFri, 20 Sep 2013 00:17:05 GMT60JS刷新页面http://www.blogjava.net/lyjjq/articles/404228.html强强强强Wed, 18 Sep 2013 15:06:00 GMThttp://www.blogjava.net/lyjjq/articles/404228.htmlhttp://www.blogjava.net/lyjjq/comments/404228.htmlhttp://www.blogjava.net/lyjjq/articles/404228.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/404228.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/404228.htmlreload 方法，该方法强迫浏览器刷新当前页面。
语法：location.reload([bForceGet])                                                                                                                           参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")

replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。
语法： location.replace(URL)   

在实际应用的时候，重新刷新页面的时候，我们通常使用： location.reload() 或者是 history.go(0) 来做。因为这种做法就像是客户端点F5刷新页面，所以页面的method="post"的时候，会出现"网页过期"的提示。那是因为Session的安全保护机制。可以想到： 当调用 location.reload() 方法的时候， aspx页面此时在服务端内存里已经存在， 因此必定是 IsPostback 的。如果有这种应用： 我们需要重新加载该页面，也就是说我们期望页面能够在服务端重新被创建， 我们期望是 Not IsPostback 的。这里，location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。

你可以这么写： location.replace(location.href);

 


返回并刷新页面：

location.replace(document.referrer);

document.referrer //前一个页面的URL

不要用 history.go(-1)，或 history.back();来返回并刷新页面，这两种方法不会刷新页面。

附：
Javascript刷新页面的几种方法：
1    history.go(0)
2    location.reload()
3    location=location
4    location.assign(location)
5    document.execCommand('Refresh')
6    window.navigate(location)
7    location.replace(location)
8    document.URL=location.href

 


自动刷新页面的方法:
1.页面自动刷新：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.

2.页面自动跳转：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
其中20指隔20秒后跳转到http://www.wyxg.com页面

3.页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
       window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>

 

JS刷新框架的脚本语句

//如何刷新包含该框架的页面用  
<script language=JavaScript>
   parent.location.reload();
</script>  


//子窗口刷新父窗口
<script language=JavaScript>
    self.opener.location.reload();
</script>
(　或　<a href="javascript:opener.location.reload()">刷新</a>   )

//如何刷新另一个框架的页面用  
<script language=JavaScript>
   parent.另一FrameID.location.reload();
</script>

如果想关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可。

<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript">
window.opener.document.location.reload()
</script>
 



强强 2013-09-18 23:06 发表评论
]]>Javascript_表单验证大全(收集)http://www.blogjava.net/lyjjq/articles/400001.html强强强强Fri, 31 May 2013 00:00:00 GMThttp://www.blogjava.net/lyjjq/articles/400001.htmlhttp://www.blogjava.net/lyjjq/comments/400001.htmlhttp://www.blogjava.net/lyjjq/articles/400001.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/400001.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/400001.html5、身份证验证：包括15位和18位。
   function idNumber(s)//身份证验证
           {
             regu1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;//15wei
             regu2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/;//18wei
             re1=new RegExp(regu1);
             re2=new RegExp(regu2);
            
             if(!(re1.test(s)||re2.test(s)))
             {
                   document.getElementById ("idCardInf").innerHTML="格式不对！";
                   document.getElementById ("idCardInf").style.color="red";
               
             }
             else
             {
                  document.getElementById ("idCardInf").innerHTML="通过！";
                  document.getElementById ("idCardInf").style.color="green";
                  document.getElementById ("idCardCheck").innerHTML="";
             }
            
//             alert("请正确填写18位或15位身份证号码");
           }
6、手机号码验证：13和15开头的号码。
   function isMobileNO(s)//手机验证
           {
             var a = /^((\(\d{3}\))|(\d{3}\-))?13\d{9}|15\d{9}$/ ;
           if( !s.match(a) )
           {
               document.getElementById ("mobileNOInf").innerHTML="格式不对！";
               document.getElementById ("mobileNOInf").style.color="red";
//                   alert("手机号码格式不对");
           }
           else
           {
                  document.getElementById ("mobileNOInf").innerHTML="通过！";
                  document.getElementById ("mobileNOInf").style.color="green";
                  document.getElementById ("mobileNOCheck").innerHTML="";
           }
          
           }
7、各表单域提示信息，获得焦点验证。
      function displayInform(s)//注册信息规则提示信息（获得焦点验证）
           {
             if(s=="user")
             document.getElementById ("userIDCheck").innerHTML="(用户名由4-16个数字或字母组成)";
             if(s=="password")
             document.getElementById ("passwordCheck").innerHTML="(密码由6-16个数字、字母、下划线组成，首字母必须是字母,不区分大小写)";
             if(s=="passwordC")
             document.getElementById ("confirmCheck").innerHTML="(两次密码输入必须一致)";
             if(s=="idCard")
             document.getElementById ("idCardCheck").innerHTML="(请输入正确的号码，以便你更容易找回密码)";
             if(s=="mobileNO")
             document.getElementById ("mobileNOCheck").innerHTML="(请输入正确的号码，以便你更快找回密码)";
             if(s=="email")
             document.getElementById ("emailCheck").innerHTML="(请输入正确的邮箱地址，以便你更容易找回密码)";
            
           }
8、表单提交验证：先对必填项进行非空验证，再进行匹配验证。
    function submitValidator() //提交验证
          {
            if(document.getElementById("control").style.display=="inline")
            {
                if((document.getElementById ("user").value=="")||(document.getElementById("password").value=="")||(document.getElementById("passwordC").value=="")||(document.getElementById("answer").value=="")||(document.getElementById("question").value==""))
               {
                  alert("必填项不能为空！");
                   return false;
                }
                else
               {
                  if((document.getElementById ("user").value).match(/^[0-9a-zA-Z]{4,16}$/)&&(document.getElementById("password").value).match(/^[a-zA-Z][0-9a-zA-Z_]{5,15}$/)&&
                  (document.getElementById ("password").value.toLowerCase()==document.getElementById ("passwordC").value.toLowerCase()))
                  {return true;}
                  else
                  {alert("输入格式不对");return false;}
                }
            }
            else
            {
               if((document.getElementById ("user").value=="")||(document.getElementById("password").value=="")||(document.getElementById("passwordC").value=="")||(document.getElementById("answer").value==""))
               {
                  alert("必填项不能为空！");
                   return false;
                }
                else
               {
                  if((document.getElementById ("user").value).match(/^[0-9a-zA-Z]{4,16}$/)&&(document.getElementById("password").value).match(/^[a-zA-Z][0-9a-zA-Z_]{5,15}$/)&&
                  (document.getElementById ("password").value.toLowerCase()==document.getElementById ("passwordC").value.toLowerCase()))
                  {return true;}
                  else
                  {alert("输入格式不对");return false;}
                }
            }
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/diershi/archive/2009/04/16/4084981.aspx
JS表单验证
<script language="JavaScript">
/*
*--------------- 客户端表单通用验证CheckForm(oForm) -----------------
* 功能:通用验证所有的表单元素.
* 使用:
*    <form name="form1" onsubmit="return CheckForm(this)">
*    <input type="text" name="id" check="^\S+$" warning="id不能为空,且不能含有空格"/>
*    <input type="submit"/>
*    </form>
* author:wanghr100(灰豆宝宝.net)
* email:wanghr100@126.com
* update:19:28 2004-8-23
* 注意:写正则表达式时一定要小心.不要让"有心人"有空子钻.
* 已实现功能:
* 对text,password,hidden,file,textarea,select,radio,checkbox进行合法性验证
* 待实现功能:把正则表式写成个库.
*--------------- 客户端表单通用验证CheckForm(oForm) -----------------
*/
////////////////////////////////////////////////////////////////////////////////
//主函数
function CheckForm(oForm)
{
    var els = oForm.elements;
    //遍历所有表元素
    for(var i=0;i<els .length;i++)
    {
        //是否需要验证
        if(els.check)
        {
            //取得验证的正则字符串
            var sReg = els.check;
            //取得表单的值,用通用取值函数
            var sVal = GetValue(els);
            //字符串->正则表达式,不区分大小写
            var reg = new RegExp(sReg,"i");
            if(!reg.test(sVal))
            {
                //验证不通过,弹出提示warning
                alert(els.warning);
                //该表单元素取得焦点,用通用返回函数
                GoBack(els)  
                return false;
            }
        }
    }
}
//通用取值函数分三类进行取值
//文本输入框,直接取值el.value
//单多选,遍历所有选项取得被选中的个数返回结果"00"表示选中两个
//单多下拉菜单,遍历所有选项取得被选中的个数返回结果"0"表示选中一个
function GetValue(el)
{
    //取得表单元素的类型
    var sType = el.type;
    switch(sType)
    {
        case "text":
        case "hidden":
        case "password":
        case "file":
        case "textarea": return el.value;
        case "checkbox":
        case "radio": return GetValueChoose(el);
        case "select-one":
        case "select-multiple": return GetValueSel(el);
    }
    //取得radio,checkbox的选中数,用"0"来表示选中的个数,我们写正则的时候就可以通过0{1,}来表示选中个数
    function GetValueChoose(el)
    {
        var sValue = "";
        //取得第一个元素的name,搜索这个元素组
        var tmpels = document.getElementsByName(el.name);
        for(var i=0;i<tmpels .length;i++)
        {
            if(tmpels.checked)
            {
                sValue += "0";
            }
        }
        return sValue;
    }
    //取得select的选中数,用"0"来表示选中的个数,我们写正则的时候就可以通过0{1,}来表示选中个数
    function GetValueSel(el)
    {
        var sValue = "";
        for(var i=0;i<el.options.length;i++)
        {
            //单选下拉框提示选项设置为value=""
            if(el.options.selected && el.options.value!="")
            {
                sValue += "0";
            }
        }
        return sValue;
    }
}
//通用返回函数,验证没通过返回的效果.分三类进行取值
//文本输入框,光标定位在文本输入框的末尾
//单多选,第一选项取得焦点
//单多下拉菜单,取得焦点
function GoBack(el)
{
    //取得表单元素的类型
    var sType = el.type;
    switch(sType)
    {
        case "text":
        case "hidden":
        case "password":
        case "file":
        case "textarea": el.focus();var rng = el.createTextRange(); rng.collapse(false); rng.select();
        case "checkbox":
        case "radio": var els = document.getElementsByName(el.name);els[0].focus();
        case "select-one":
        case "select-multiple":el.focus();
    }
}
</script>
通用表单函数测试:
<form name="form1" onsubmit="return CheckForm(this)">
test:<input type="text" name="test"/>不验证<br />
账号:<input type="text" check="^\S+$" warning="账号不能为空,且不能含有空格" name="id"/>不能为空<br />
密码:<input type="password" check="\S{6,}" warning="密码六位以上" name="id"/>六位以上<br />
电话:<input type="text" check="^\d+$" warning="电话号码含有非法字符" name="number" value=""/><br />
相片上传:<input type="file" check="(.*)(\.jpg|\.bmp)$" warning="相片应该为JPG,BMP格式的" name="pic" value="1"/><br />
出生日期:<input type="text" check="^\d{4}\-\d{1,2}-\d{1,2}$" warning="日期格式2004-08-10" name="dt" value=""/>日期格式2004-08-10<br />
省份:
<select name="sel" check="^0$" warning="请选择所在省份">
<option value="">请选择
</option><option value="1">福建省
</option><option value="2">湖北省
</option></select>
<br />
选择你喜欢的运动:<br />
游泳<input type="checkbox" name="c" check="^0{2,}$" warning="请选择2项或以上"/>
篮球<input type="checkbox" name="c"/>
足球<input type="checkbox" name="c"/>
排球<input type="checkbox" name="c"/>
<br />
你的学历:
大学<input type="radio" name="r" check="^0$" warning="请选择一项学历"/>
中学<input type="radio" name="r"/>
小学<input type="radio" name="r"/>
<br />
个人介绍:
<textarea name="txts" check="^[\s|\S]{20,}$" warning="个人介绍不能为空,且不少于20字"></textarea>20个字以上
<input type="submit"/>
</form>
---------------------------------------------
Javascript表单编程
    对form元素进行脚本编写
      获取表单的引用
        var oForm = document.forms[0]; //得到第一个表单
        var oOtherForm = document.forms["formz"] //得到名为formz的表单
    
      访问表单字段
        var oTextbox1 = oForm.textbox1; //得到名为"textbox"的字段
        var oTextbox1 = oForm["text box 1"]    //得到名为"text box 1"的字段
      表单字段共性
        var oField 1 = oForm.elements[0];
        oField1.focus(); //设置焦点到第二个字段
        获得焦点：document.forms[0].name1.focus();
      表单提交
        使用图片进行提交
          <input type="image" src="submit.gif" />
        使用submit进行提交
          <input type="submit" value="submit" />
      表单重置
        <input type="button" value="Reset" onclick="document.forms[0].reset()">
    对文本框进行脚本编写
      获取/更改文本框的值
      选择文本
        <input type="button" value="选择文本" onclick="selectText()">
      文本框事件
        <input type="text" name="textbox1" value="" onselect="alert('select')" />
      自动选择文本
        <input type="text" onfocus="this.select()" />
        <textarea onfocus="this.select()"></textarea>
    对列表框和组合框进行脚本编写
      访问选项
      获取/更改选中项
      添加选项
        var ListUtil = new Object();
        ListUtil.add = function(oListbox, sName, sValue){option.appendChild(document.createTextNode(sName));}
      删除选项
        var oListbox = document.getElementsById("selListbox");
        oListbox.remove(0); //移除一个选项
      移动选项
      重新排序选项
    对复选框和单选框进行脚本编写
      得到单选框的值
        <input type="radio" id="male" name="gender" value="male">男</input>
        document.getElementById("male").value
      得到复选框的值
    表单验证
      使用submit事件在错误发生之后捕获错误
      使用change事件在错误发生时捕获
      使用keypress事件在错误发生之前捕获错误
      表单效验最佳实践
        必须对用户有帮助
        不要让人讨厌
        只要有可能，就用HTML功能代替javascript
        一次显示所有错误
        早点捕获错误
        如果拿不准，就不要太严格
------------------------------------------------代码实例：
<script type="text/javascript">
//function validate(){
// var user = document.getElementById("user");
// user.disabled="true";   //表示不可用
// user.focus(); //得到焦点
//      onfocus="validate();" //当某个文本框得到焦点时触发
//     onblur="validate()"    //当某个文本框失去焦点时触发
///}
//获取表单的四种方式
//function validate(){
   //var form1 = document.getElementById("form1");
   //var form = document.forms[0];
   //var form = document.forms["form1"];
   //var form = document.form1;
   //alert(form==form1)
//获取表单中的元素
//var a = form1.user;
//var a = form1.elements[0];
//var a = form1.elements["user"];
//alert(a.value)
//表单提交
//form1.submit();
//}
//获取单选框的值
// function validate(){
// var form1 = document.getElementById("form1");
   //var user = form1.user;
   //user.focus();
   //user.select(); //选中文本框的内容
   //var rName = document.getElementsByName("radioName");
// var a = form1.radioName;
// for(var i=0;i<a.length;i++){
// if(a[i].checked){
//   alert(a[i].value)
// }
// }
//}
//获取复选框的值
/** function validate(){
     var form1 = document.getElementById("form1");
     var check = form1.checkName;
     for(var i=0;i<check.length;i++){
      if(check[i].checked){
       alert(check[i].value)
      }
     }
   }**/
  
   function validate(){
   
   }
//onchange事件
   function chage(){
    var user = document.getElementById("user");
    if(user.value==""){
     document.getElementById("span1").innerHTML="用户名不能为null";
     user.focus();
     return false;
    }else{
     document.getElementById("span1").innerHTML="用户名合法";
     return ture;
    }
   }
</script>
<img name="img1" src="C:\Documents and Settings\黄\桌面\1.jpg" width="200px" height="200px">
  
   <select onchange="document.img1.src=options[selectedIndex].value">
    <option value="C:\Documents and Settings\黄\桌面\ff.gif">敬敬</option>
    <option value="C:\Documents and Settings\黄\桌面\ff.gif">敬敬</option>
    <option value="C:\Documents and Settings\黄\桌面\1.jpg">敬敬</option>
   </select>
Document对象在检验表单中的作用
在制作登录表单验证的过程中，我们经常要用到Document函数对象，这是JavaScript非常重要的函数。W3C把它纳入DOM文档模型对象中。可以说它是元素操作的一个十分重要的方法。
此函数的语法代码如下：
Document.ement.chosts.x   //x可表示为属性也可表示为方法。
如要表示表单reg中名字输入框name的文本内容：document.reg.name.value
要让输入框获得焦点：代码格式为document.reg.name.focus()
下面是一段典型的验证输入函数代码：
<script language="javascript">
function chekname(){
       name=document.reg.name.value;
if(name==""){
              alert("请输入昵称！");
       document.reg.name.vlaue=focus(); 或document.reg.name.focus() ；
       return false;
}else{
       open("chkname.php?name="+name+"","chk","noscrollbars=no,width=200,height=50,top=200,left=200");
}
}    
</script>
此段自定义函数的意思是验证输入框是不是空白，若不是空白则打开一个名为“chk”带有传递参数的窗口进一步验证用户名是不是合法。
Document对象在检验表单中的作用


强强 2013-05-31 08:00 发表评论
]]>分享到QQ个人空间http://www.blogjava.net/lyjjq/articles/399357.html强强强强Thu, 16 May 2013 06:59:00 GMThttp://www.blogjava.net/lyjjq/articles/399357.htmlhttp://www.blogjava.net/lyjjq/comments/399357.htmlhttp://www.blogjava.net/lyjjq/articles/399357.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/399357.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/399357.html(function(){
var p = {
url:location.href,
showcount:'1',/*是否显示分享总数,显示：'1'，不显示：'0' */
desc:'',/*默认分享理由(可选)*/
summary:'',/*分享摘要(可选)*/
title:'',/*分享标题(可选)*/
site:'',/*分享来源 如：腾讯网(可选)*/
pics:'', /*分享图片的路径(可选)*/
style:'203',
width:98,
height:22
};
var s = [];
for(var i in p){
s.push(i + '=' + encodeURIComponent(p[i]||''));
}
document.write(['<a version="1.0" class="qzOpenerDiv" href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?',s.join('&'),'" target="_blank">分享</a>'].join(''));
})();
</script>
<script src="http://qzonestyle.gtimg.cn/qzone/app/qzlike/qzopensl.js#jsdate=20111201" charset="utf-8"></script>

强强 2013-05-16 14:59 发表评论
]]>JQuery1.9参考http://www.blogjava.net/lyjjq/articles/397529.html强强强强Mon, 08 Apr 2013 07:51:00 GMThttp://www.blogjava.net/lyjjq/articles/397529.htmlhttp://www.blogjava.net/lyjjq/comments/397529.htmlhttp://www.blogjava.net/lyjjq/articles/397529.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/397529.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/397529.html<p style="margin: 18px 5px; padding: 13px 24px 13px 20px; line-height: 24px; font-family: 微软雅黑, Arial, 宋体; border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; background-color: rgb(251, 251, 251);" id="intro">jQuery&nbsp;1.9删除或修改了几个过去行为不一致或效率低下的几个API。他们在以前的jQuery版本中已经标注过过时(deprecated)的API，特别是1.7和1.8。</p>
<div style="margin: auto; width: 620px; line-height: 25px; font-family: 微软雅黑, Arial, 宋体; background-color: rgb(255, 255, 255);" id="content">
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">jQuery 1.9删除或修改了几个过去行为不一致或效率低下的几个API。他们在以前的jQuery版本中已经标注过过时(deprecated)的API，特别是1.7和1.8。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">在做这些变化中，团队的目标是修复jQuery的行为不一致或比较难使用的地方，在这个过程中提高整体性能，减小了文件的体积。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">此列表是看似给你一些不祥的预感。因为jQuery 1.9删除和修改一些以前做特殊需求的API，比如jQuery.browser。如何升级？首先，看看你的代码，最好的方法是尝试用jQuery 1.9和Migrate（迁移）插件（如下文所述）。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">本指南作为标准的jQuery API文档的附录，作为快速上手jQuery 1.9的引导。</p>
<h2>jQuery Migrate（迁移）插件</h2>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">我们认识到，现有的网站和插件可能会受到这些变化的影响，所以提供一个过渡性的升级路径&#8212;&#8212;&nbsp;jQuery Migrate（迁移）插件。下面的说明中，在1.9中变化或删除的API，大部分可以使用jQuery Migrate（迁移）插件恢复。请注意，jQuery 1.9中所有的变化也将应用到jQuery 2.0中，jQuery Migrate（迁移）插件在jQuery2.0中也是可用的。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">未压缩，开发版本的jQuery Migrate（迁移）插件使用时会在控制台中显示警告信息，详细的指出不兼容或删除等信息及解决方法。这使得它在现有的jQuery代码和插件上查找和修复问题时非常有用。jQuery Migrate（迁移）插件包含了1.6.4以来存在但1.9已不支持所有API。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">压缩版本的的jQuery Migrate（迁移）插件，不会在浏览器控制台中产生任何不兼容或删除等信息，并且可以在jQuery 1.9或更高版本，或者旧的不兼容的jQuery代码或插件中使用。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">理想情况下，这将只能作为一个短期的解决方案，但是这要你自己做出决定。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">更多的信息请参见：&nbsp;jQuery Migrate plugin。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：哥过一句嘴，尽早的修改原来不兼容的代码，毕竟使用jQuery Migrate（迁移）插件不是一个长久之计啊。</p>
<h2>jQuery1.9中改变的地方</h2>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">下面列表中说的并不代表jQuery 1.9中所有改变，只是我们预期的改变。完整的，详细的更改列表，请参阅jQuery的博客或访问bugs.jquery.com中发布的公告。</p>
<h4>.toggle(function, function, &#8230; ) 方法删除</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">这个方法绑定两个或多个处理程序到匹配的元素，用来执行交替的点击事件。它不应该被混同于显示或隐藏匹配元素.toggle( )方法，因为它没有过时。前者被删除，以减少混乱和提高模块化程度。jQuery Migrate（迁移）插件可以恢复此功能。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API&nbsp;http://www.css88.com/jqapi-1.9/toggle-event/</p>
<h4>jQuery.browser() 方法删除</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">jQuery.browser()方法从jQuery 1.3开始已经过时了，在1.9中被删除。 如果需要的话，jQuery Migrate（迁移）插件可以恢复此功能。我们建议如特征检测，请使用Modernizr库。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API &nbsp;http://www.css88.com/jqapi-1.9/jQuery.browser/</p>
<h4>.live() 方法移除</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">.live()方法从jQuery 1.7开始已经过时了，在1.9中被删除。 我们建议使用.on()方法来替换升级你的代码。要完全匹配$(&#8220;a.foo&#8221;).live(&#8220;click&#8221;, fn)，例如，你可以写$(document).on(&#8220;click&#8221;, &#8220;a.foo&#8221;, fn)（译者注：因为原来的live事件其实是绑定在文档document上的）。有关详细信息，请参阅.on()文档。在此期间，你可以使用jQuery Migrate（迁移）插件来恢复.live() 功能。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API &nbsp;http://www.css88.com/jqapi-1.9/on/&nbsp;和&nbsp;&nbsp;http://www.css88.com/jqapi-1.9/live/</p>
<h4>.die() 方法移除</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">.die()方法从jQuery 1.7开始已经过时了，在1.9中被删除。 我们建议使用. off()方法来替换升级你的代码。要完全匹配$(&#8220;a.foo&#8221;).die(&#8220;click&#8221;)，例如，你可以写$(document).off(&#8220;click&#8221;, &#8220;a.foo&#8221;)。有关详细信息，请参阅.off()文档。在此期间，你可以使用jQuery Migrate（迁移）插件来恢复. die() 功能。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API &nbsp;http://www.css88.com/jqapi-1.9/off/&nbsp;和&nbsp;http://www.css88.com/jqapi-1.9/die/</p>
<h4>jQuery.sub() 方法移除</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">jQuery.sub()方法被移到jQuery Migrate（迁移）插件中。使用的频率证明它没有必要再保留在核心代码库中，jQuery Migrate（迁移）插件添加了此功能。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API&nbsp;http://www.css88.com/jqapi-1.9/jQuery.sub/</p>
<h4>.add() 方法修改</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">.add()方法返回的结果总是按照节点在document（文档）中的顺序排列。在1.9之前，如果上下文或输入的集合中任何一个以脱离文档的节点（未在文档中）开始，使用.add()方法节点不会按照document（文档）中的顺序排序。现在，返回的节点按照文档中的顺序排序，并且脱离文档的节点被放置在集合的末尾。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API&nbsp;http://www.css88.com/jqapi-1.9/add/</p>
<h4>.addBack(selector) 替换 .andSelf()</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">从jQuery1.8开始，.andSelf()方法已经被标注过时，在jQuery1.8和更高版本中应使用.addBack()。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">我们认为对于&#8220;添加并返回&#8221;以前的结果集合这是一个更好的名字。新方法可以接受一个可选的选择器，该选择器可以用来过滤之前集合，将它添加到当前集合并返回。$(&#8220;section, aside&#8221;).children(&#8220;ul&#8221;).addBack(&#8220;aside&#8221;) 会根据他们在文档中的顺序，得到section与aside下所有ul子元素，外加所有aside元素。虽然.addSelf()在1.9中仍然可以使用，我们建议您尽快修改名称。如果使用.addSelf()，jQuery Migrate插件会提出警告。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API&nbsp;http://www.css88.com/jqapi-1.9/andSelf/&nbsp;和&nbsp;http://www.css88.com/jqapi-1.9/addBack/</p>
<h4>.after(), .before(), 和 .replaceWith()使用脱离文档的节点</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">1.9以前，.after(), .before(), 和 .replaceWith()将尝试在当前的jQuery集合中添加或改变节点，如果在当前的jQuery集的节点未连接到文档（注：即脱离文档的节点），在这种情况下，返回一个新的jQuery集合，而不是原来的那个集合。这将产生一些前后矛盾和彻底的错误 &#8211; 该方法可能会，也可能不会返回一个新的结果，这取决于它的参数！从1.9开始，这些方法总是返回原始未修改集并且试图在一个没有父节点的节点上使用.after(), .before(), or .replaceWith() 有没有任何效果 &#8211; 即这个集或它包含的节点两者都不被改变。</p>
<h4>.appendTo, .insertBefore, .insertAfter, 和 .replaceAll</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">在1.9中，这些方法总是返回一个新的集合，使他们可以使用的链式调用和.end()方法。1.9之前，只有当他们是一个单独的目标元素时，他们将返回旧的集合。需要注意的是这些方法总是返回所有元素附加到目标元素的聚合集合。如果没有元素被目标选择器选中（例如，$(elements).appendTo(&#8220;#not_found&#8221;)）那么返回的集合是空的。</p>
<h4>AJAX 事件需要绑定到document</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">在jQuery 1.9中， 全局的AJAX事件(ajaxStart, ajaxStop, ajaxSend, ajaxComplete, ajaxError, and ajaxSuccess) 只能在document元素上触发。修改AJAX事件监听程序到document元素上。例如，如果目前的代码看起来像这样：</p>
<div style="margin: 0px;" id="highlighter_117962">
<div style="margin: 0px;">
<div style="margin: 0px;">
<table style="margin: 0px; padding: 0px;">
    <tbody style="margin: 0px; padding: 0px;">
        <tr style="margin: 0px; padding: 0px;">
            <td style="margin: 0px; padding: 0px;">1</td>
            <td style="margin: 0px; padding: 0px;">$("#status").ajaxStart(function(){ $(this).text("Ajax started"); });</td>
        </tr>
    </tbody>
</table>
</div>
</div>
</div>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">修改成：</p>
<div style="margin: 0px;" id="highlighter_160461">
<div style="margin: 0px;">
<div style="margin: 0px;">
<table style="margin: 0px; padding: 0px;">
    <tbody style="margin: 0px; padding: 0px;">
        <tr style="margin: 0px; padding: 0px;">
            <td style="margin: 0px; padding: 0px;">1</td>
            <td style="margin: 0px; padding: 0px;">$(document).ajaxStart(function(){ $("#status").text("Ajax started"); });</td>
        </tr>
    </tbody>
</table>
</div>
</div>
</div>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API&nbsp;http://www.css88.com/jqapi-1.9/category/ajax/global-ajax-event-handlers/</p>
<h4>.trigger() &#8220;click&#8221; 事件时Checkbox/radio 的状态</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">当用户点击一个复选框或单选按钮时，如果节点上没调用event.preventDefault(),事件处理程序中会根据复选框或单选按的当前状态判断并且得到它的新状态。因此，例如，如果用户点击一个未选中的checkbox，事件处理程序将选中（checked）这个checkbox。1.9之前，.trigger(&#8220;click&#8221;) 或 .click()任何一个将触发一个合成事件，根据用户点击行为，我们可以看到checkbox与实际checked属性相反的状态。在1.9中修复了这个bug，用户行为会得到相应的状态。</p>
<h4>focus事件触发顺序</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">当用户再表单元素上点击或者按tab键，使元素获取焦点，浏览器首先在焦点元素上触发一个blur(失去焦点)事件，然后在新元素上触发一个focus(获取焦点)事件。在1.9之前，使用.trigger(&#8220;focus&#8221;) 或 .focus() 绑定一个focus事件，新元素将触发一个focus事件，然后触发先前焦点元素的blur事件，1.9已修正此问题。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">如果目标元素没有获取焦点并且可以成功的获取焦点（译者注：比如disabled被禁用的表单元素获取不到焦点），那么使用DOM原生的focus事件，浏览器只访问focus事件处理程序。jQuery总是调用.trigger(&#8220;focus&#8221;) 或 .focus()绑定的处理程序，无论元素是否获取焦点。在jQuery 1.9中还是这样处理的。和DOM的.focus()方法不同之处在于，在许多情况下，元素已经获取焦点或者元素被禁用，DOM的.focus()方法不会调用事件处理程序。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">不幸的是，所有版本的Internet Explorer（6-10）触发焦点事件是异步的。当你在IE中使用.trigger(&#8220;focus&#8221;)，jQuery无法&#8220;预知&#8221;异步focus事件以后会发生什么。所以它总是会触发一个自己的focus事件，以确保功能正常。这可能会造成focus事件重覆执行，建议改用DOM内建的focus()较单纯，例如: $(&#8220;#boo&#8221;).get(0).focus()。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API&nbsp;http://www.css88.com/jqapi-1.9/focus/</p>
<h4>jQuery(htmlString)与jQuery(selectorString)</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">在1.9以前，如果一个字符串中有任何HTML标签，那么这个字符串将被认为是一个HTML字符串。这有可能造成意外的代码执行和拒绝有效的选择器字符串。 1.9开始，以一个小于号（&#8220;&lt;&#8221;）字符开头的字符串才被认为是HTML字符串。Migrate（延迟）插件可以恢复到1.9以前的行为。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">如果一个字符串被认为是HTML，但可能会以不是一个HTML标签的任意文本开始，将它传递给jQuery.parseHTML（）将返回一个DOM节点数组表示的标记。我们可以通过它来创建一个jQuery集合，例如：$($.parseHTML(htmlString))。例如，在处理HTML模板方面这被认为是最佳实践。简单使用文字字符串，如$(&#8220;&lt;p&gt;Testing&lt;/p&gt;&#8221;).appendTo(&#8220;body&#8221;)不会受此影响。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">总之：HTML字符串传递给jQuery()，除了以一个小于号（&#8220;&lt;&#8221;）字符开始以外的其他字符串都将被解释为一个选择器。因为字符串通常不能被解释为一个选择器，最有可能的结果是Sizzle选择器引擎错误抛出的&#8220;无效的选择器语法&#8221;。使用jQuery.parseHTML（）来解析任意的HTML。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">使用jQuery Migrate（迁移）插件，如果该字符串传递给$()，&#8220;看起来像HTML&#8221;，它会使用旧的规则来确定。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API&nbsp;http://www.css88.com/jqapi-1.9/jQuery/</p>
<h4>.data()中名称包含点(&#8220;.&#8221;)改变</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">.data()有一个未公开并且令人难以置信的非高性能监控值的设置和获取，1.9中被移除。这已经影响到了包含点的数据名称的解析。从1.9开始，调用 .data(&#8220;abc.def&#8221;)只能通过名称为&#8220;abc.def&#8221;检索数据，原本还可以通过&#8220;abc&#8221;取得的技巧已被取消。需要注意的是较低级别的jQuery.data()方法不支持事件，所以它并没有改变。即使使用jQuery Migrate（迁移）插件也恢复不到原来的行为。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API&nbsp;http://www.css88.com/jqapi-1.9/data/</p>
<h4>脱离文档节点在jQuery集合中的顺序</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">对于许多版本，几乎所有的jQuery的方法，返回一组新的节点集合，这个集合是一个使用他们在文档中顺序排序的结果集。（有几个方法，如.parents()返回的结果是他们在文档反向顺序排序，但在1.9中这些例外情况已经记录并没有改变。）</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">在1.9之前，若jQuery集合中混杂DOM的节点及未放进DOM的脱离文档节点，则可能出现不可预期的随机排序。从1.9开始，在文档中的连接节点都总是按文档顺序放置在集合的开头，脱离文档节点被放置在他们的后面。即使使用jQuery Migrate（迁移）插件也恢复不到原来的行为。</p>
<h4>加载并且执行HTML内容中的scripts</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">在1.9之前，任何接受HTML字符串的方法（例如，$()、.append()、.wrap()）会执行HTML字符串中所包含的Script，并且将它们从文档中移除，以防止他们再次被执行。在特殊情况下，使用这些方法一个脚本可能会被移除并重新插入到文档中，比如.wrap()。从1.9开始，插入到文档的脚本会执行，但仍然保留在文档中并且标记为已经被执行过的，这样它们就不会被再次执行，即使它们被删除并重新插入。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">尽管这种变化，在HTML标记中混合可执行的JavaScript是非常不好的习惯；它对设计，安全性，可靠性和性能有影响。例如，外部脚本标签包含在HTML中同步地取出，然后评估执行，这可能需要大量的时间。没有任何接口通知这些脚本何时何地加载，或者当有错误产生的时候获得纠正提示。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">试图通过克隆一个现有的脚本标签加载和注入脚本，克隆到文档将不再起作用，因为克隆的脚本标记已经被标记为已执行。要加载一个新的脚本，建议使用jQuery.getScript()代替。</p>
<h4>.attr() 和 .prop()对比</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：@caikan的建议，在这里将property翻译成了&#8220;对象属性&#8221;，以区别attributes（标签属性），后面括号标注了原文。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">jQuery 1.6 介绍了.prop()方法设置或获取节点上的对象属性（property），并且不建议使用.attr()方法设置对象属性（property）。然而版本一直到1.9，在某些特殊情况下继续支持使用.attr()方法。当选择器是用来区分标签属性（attributes）和对象属性（properties）时，这种行为在向后兼容的命名方面会引起混乱。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">例如，一个复选框的布尔标签属性（attributes），如checked和disabled受到这种变化的影响。&#8221;input[checked]&#8220;的正确行为是选择有checked属性的复选框，不管是它的字符串值，还是它当前的状态。与此相反， &#8220;input:checked&#8221; 选择当前checked属性的布尔值（true或false）为true的复选框，例如当用户单击复选框时，会受到影响。1.9之前版本这些选择器有时不选择正确的节点。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">这里有一些例子，当在复选框上设置一个checked属性时正确的和不正确的使用方法；同样的规则也适用于disabled属性。请注意只有对象属性（property）在所有的浏览器始终反映和更新的复选框的当前状态；你很少会需要设置的属性（attribute）。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">// Correct if changing the attribute is desired</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">$(elem).attr("checked", "checked");</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">// Correct for checking the checkbox</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">$(elem).prop("checked", true);</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">// Correct if removing the attribute is desired</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">$(elem).removeAttr("checked");</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">// Correct for clearing the checkbox</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">$(elem).prop("checked", false);<br style="margin: 0px; padding: 0px;" />
&nbsp;</p>
<div style="margin: 0px;" id="highlighter_656602">
<div style="margin: 0px;">input元素的特性（property）和标签属性（attribute）是这个歧义的另一个例子。标签属性（attribute）一般体现读取HTML标记的值；属性反映了当前值。由于.val()方法是jQuery推荐的用来获取或设置表单元素的值的方式，这种混淆通常不会影响用户。</div>
</div>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">然而，当一个选择器，如&#8221;input[value=abc]&#8221; 被使用，它应该始终选择的value标签属性（attribute）并且用户对于对象属性（property）没有任何改变，例如，从这些选择器中键入到一个文本输入框。从jQuery 1.9开始，此行为正确并且一贯的。早期jQuery版本当应该使用标签属性（attribute），有时会使用他们的对象属性（property）。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">jQuery Migrate（迁移）插件可以恢复原来的对象属性（property）和标签属性（attribute）规则。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API&nbsp;http://www.css88.com/jqapi-1.9/attr/&nbsp;和&nbsp;http://www.css88.com/jqapi-1.9/prop/</p>
<h4>老IE中的$(&#8220;input&#8221;).attr(&#8220;type&#8221;, newValue)</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">在1.9版之前， 在所有的浏览器中，任何企图设置一个input或者button元素的类型（type属性），jQuery都将抛出一个异常。这样做时为了符合最低标准的兼容；因为如果你试图改变input元素的类型，IE6/7/8抛出一个错误。从 jQuery 1.9开始，如果浏览器允许的话，我们允许您设置元素的类型。但是，你需要知道自己的代码，在老IE（IE6/7/8）下试图做到这一点还是会抛出一个错误。当你试图设置类型属性时，jQuery Migrate（迁移）插件会发出警告，但不会抛出一个JavaScript错误。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API&nbsp;http://www.css88.com/jqapi-1.9/attr/</p>
<h4>&#8220;hover&#8221;伪事件</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">从1.9开始，事件名称字符串&#8220;hover&#8221;不再支持为&#8220;mouseenter mouseleave&#8221;的代名词缩写。允许应用程序绑定和触发自定义的&#8221;hover&#8221;事件。修改现有的代码是一个简单的查找/替换，并且jQuery Migrate（延迟）插件可以恢复&#8221;hover&#8221;伪事件。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API&nbsp;http://www.css88.com/jqapi-1.9/hover/</p>
<h4>jQuery对象上的.selector属性</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">jQuery对象上过时的selector属性保留的目的是为了支持过时的.live()事件。在1.9中，jQuery不再试图在链方法上保留这个属性，因为1.9已经移除了.live()事件。不要使用jQuery对象的.selector属性。jQuery Migrate（迁移）插件也没支持这个属性。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API&nbsp;http://www.css88.com/jqapi-1.9/selector/</p>
<h4>jQuery.attr()</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">1.9版移除了jQuery.attr(elem, name, value, pass)方法，用jQuery Migrate（迁移）插件可恢复这个方法。</p>
<h4>jQuery.ajax返回一个空字符串的JSON结果</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">1.9之前，一个AJAX调用预期返回JSON或JSONP的数据类型，当返回值是一个空字符串时会被认为是成功的状态，但返回一个null给success处理程序或承诺（promise）。从1.9开始，JSON数据返回一个空字符串被认为是畸形的JSON（因为它本来就是）;这将抛出一个错误。这种情况下，使用error（错误）处理程序捕获。</p>
<h4>jQuery.proxy()</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">1.9版前，$.proxy(null, fn)、$.proxy(undefined, fn)的this会指向window，而$.proxy(false, fn)的this则指向new Boolean(false) ；1.9起若context传入null/undefined/false，函数的this会维持原先context，不被改变。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API&nbsp;http://www.css88.com/jqapi-1.9/jQuery.proxy/</p>
<h4>.data(&#8220;events&#8221;)</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">1.9以前,如果没有其他的代码定义一个名称为&#8220;events&#8221;的数据元素，.data(&#8220;events&#8221;) 可以用来检索一个元素上，jQuery未公开的内部事件数据结构。这种特殊的情况，在1.9中已被删除。没有公共的接口来获取这个内部数据结构，</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">它是不公开的。jQuery Migrate（迁移）插件可以恢复原来的行为。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API&nbsp;http://www.css88.com/jqapi-1.9/data/</p>
<h4>移除Event对象的部分属性</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">Event对象的attrChange、attrName、realtedNote和srcElement属性自1.7版因无法跨浏览器已被宣告过时；从jQuery 1.9开始，它们不再被复制到Event对象传递给事件处理程序。在jQuery所有版本中，这些属性依然可以在支持他们的浏览器上通过event.orginalEvent存取，以取代event。jQuery Migrate（迁移）插件在Event对象有加回了这些属性。</p>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">译者注：具体查看API&nbsp;http://www.css88.com/jqapi-1.9/category/events/event-object/</p>
<h4>API方法未公开的参数</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">1.9之前，几个API方法未公开改变了他们的行为的参数，并存在潜在的意外误用。这些参数已经被删除。受影响的方法包括jQuery.data()，jQuery.removeData()，和jQuery.attr()。jQuery Migrate（迁移）插件也不支持的代码。</p>
<h4>其他未公开的属性和方法</h4>
<p style="margin: 20px 0px; padding: 0px; line-height: 1.8em; text-indent: 2em;">下面的内部属性和方法从未被收入到文档，并已在1.9中删除。</p>
<ul style="list-style: none; margin: 0px; padding: 0px;">
    <li style="margin: 0px 0px 0px 2em; padding: 0px; list-style-type: disc;">jQuery.deletedIds</li>
    <li style="margin: 0px 0px 0px 2em; padding: 0px; list-style-type: disc;">jQuery.uuid</li>
    <li style="margin: 0px 0px 0px 2em; padding: 0px; list-style-type: disc;">jQuery.attrFn</li>
    <li style="margin: 0px 0px 0px 2em; padding: 0px; list-style-type: disc;">jQuery.clean()</li>
    <li style="margin: 0px 0px 0px 2em; padding: 0px; list-style-type: disc;">jQuery.event.handle()</li>
    <li style="margin: 0px 0px 0px 2em; padding: 0px; list-style-type: disc;">jQuery.offset.bodyOffset()</li>
</ul>
</div>


强强 2013-04-08 15:51 发表评论
]]>ul li CSS 样式http://www.blogjava.net/lyjjq/articles/396337.html强强强强Tue, 12 Mar 2013 09:51:00 GMThttp://www.blogjava.net/lyjjq/articles/396337.htmlhttp://www.blogjava.net/lyjjq/comments/396337.htmlhttp://www.blogjava.net/lyjjq/articles/396337.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/396337.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/396337.html


列表是HTML里一种很有用的显示方式，可以把相关的并列内容整齐地垂直排列，使网页显得整洁专业，并让浏览者有一目了然的感觉。
样式表为列表增加了一些功能，控制列表的样式包括列表样式、图形符号、列表位置三个部分。
1．列表符号
列表符号是指显示于每一个列表项目前的符号标识。
基本格式如下：
list-style-type：参数
参数取值范围：
·disc：圆形
·circle：空心圆
·square：方块
·decimal：十进制数字
·lower-roman：小写罗马数字
·upper-roman：大写罗马数字
·lower-alpha：小写希腊字母
·upper-alpha：大写希腊字母
·none：无符号显示
参数中的disc是默认选项。

2．图形符号
图形符号指原来列表的项目符号将可以使用图形来代替。
基本格式如下：
list-style-image：URL
URL是用来代替项目符号的图形文件的地址，可以使用相对地址或绝对地址。
3．列表位置
列表位置描述列表在何处显示。
基本格式如下：
list-style-position：参数
参数取值范围：
·inside：在BOX模型内部显示
·outside：在BOX模型外部显示
这里又出现了一个新的概念：BOX模型。BOX是指一种容器，包含了应用样式规则的对象，具体介绍将在后文中给出。
使用无序列表：即UL
看一个最简单的例子：
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
这是一个未加修饰的纵向列表

1：设置列表的边界
#base { border: 1px solid #000; margin: 2em; width: 10em; padding: 5px; }
html中这样写，就会呈现一个带边框的无序列表
<div id="base">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</div>

2：设定列表的图像可以设定列表的样式为左边带一个图像，
样式如下：
ul { list-style-type: disc; list-style-image: url(bullet.gif); list-style-position: inside; }
disc表示实心的圆，
list-style-image表示列表用到的小图像，如果这个图像的url不正确时，disc才会起作用，inside表示列表是在区块内部的。

3：如何在段落中使用列表样式如下：
#inline-list {
border: 1px solid #000; margin: 2em; width: 80%; padding: 5px; font-family: Verdana, sans-serif;
}
#inline-list p { display: inline; }
#inline-list ul, #inline-list li {
display: inline; margin: 0; padding: 0; color: #339; font-weight: bold;
}
4：水平导航
#h-contain {
padding: 5px; border: 1px solid #000; margin-bottom: 25px;
}
#pipe ul {
margin-left: 0; padding-left: 0; display: inline;
}
#pipe ul li {
margin-left: 0; padding: 3px 15px; border-left: 1px solid #000; list-style: none; display: inline;
}
#pipe ul li.first {
margin-left: 0; border-left: none; list-style: none; display: inline;
}
#h-contain定一个一个边界为1的区块，水平导航用的也是inline方式，
li.first定义第一个列表元素没有左边那个象素为1的border。

下面的样式是tab方式的水平导航：
#tabs ul {
margin-left: 0; padding-left: 0; display: inline;
}
#tabs ul li {
margin-left: 0; margin-bottom: 0; padding: 2px 15px 5px; border: 1px solid #000; list-style: none; display: inline;
}
#tabs ul li.here {
border-bottom: 1px solid #ffc; list-style: none; display: inline;
}
li的class如果为here，则是选中的


强强 2013-03-12 17:51 发表评论
]]>js 方式单击ThickBox弹出窗口http://www.blogjava.net/lyjjq/articles/391550.html强强强强Sun, 18 Nov 2012 12:33:00 GMThttp://www.blogjava.net/lyjjq/articles/391550.htmlhttp://www.blogjava.net/lyjjq/comments/391550.htmlhttp://www.blogjava.net/lyjjq/articles/391550.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/391550.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/391550.htmlThickBox是一个强大的jQuery弹出窗口插件，一般的用法是在链接中，如：

Html代码

  1. <a href="SearchWin.do?TB_iframe=true&height=380&width=480&modal=true" title="查询企业" class="thickbox" >
  2. <img src="../images/search.png" border="0"/>
  3. </a>
<a  href="SearchWin.do?TB_iframe=true&height=380&width=480&modal=true" title="查询企业" class="thickbox" >
<img src="../images/search.png" border="0"/>
</a>

指定a标签的class属性为thickbox即可。这里会弹出一个模态窗口，并且是在iframe中弹出，这样在弹出窗口中还可以执行js代码。  
有的时候在按钮单击的时候也需要弹出窗口，那么可以这样做：  

Js代码

  1. tb_show('标题','StandDelay.do?booking='+t.title+'TB_iframe=true&height=150&width=400',false);  
tb_show('标题','StandDelay.do?booking='+t.title+'TB_iframe=true&height=150&width=400',false);

来进行弹出框口。在窗口中可以通过  

Js代码

  1. self.parent.tb_remove();  
 self.parent.tb_remove();

来关闭窗口，也可以通过以下代码刷新父窗口的内容：  

Js代码

  1. self.parent.window.location.reload(); 


强强 2012-11-18 20:33 发表评论
]]>使用js计算Date，非常帮，我也是转摘的，非原创http://www.blogjava.net/lyjjq/articles/390486.html强强强强Tue, 30 Oct 2012 16:27:00 GMThttp://www.blogjava.net/lyjjq/articles/390486.htmlhttp://www.blogjava.net/lyjjq/comments/390486.htmlhttp://www.blogjava.net/lyjjq/articles/390486.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/390486.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/390486.html<!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-Type" content="text/html; charset=utf-8" />
 <title>日期计算</title>
 <script src="./jquery1.6.2.js" type="text/javascript"></script>
 <style>
     .error{color:red}
 </style>
 <script type="text/javascript">
   
     var intervalID = 0;
     function calculate(inputTime){
   
   var now = new Date();
   var t = new Date(inputTime);
   var past = (inputTime < now.getTime()) ? 1 : 0; //输入的时间过去了就是1，否则为0
   var difference = 0; //差值
   //下面的差值减去八个小时，是因为new Date(0)是"Thu Jan 1 08:00:00 UTC+0800 1970"，从八点开始算的
   if(past) difference = new Date(now.getTime() - inputTime - 8 * 3600 * 1000);
   else difference = new Date(inputTime - now.getTime() - 8 * 3600 * 1000);

   //计算过去的天数、小时、分钟和秒。天数要自己算，其它的get就行了
   var dDays = parseInt(difference.getTime() / 3600 / 24 /1000);
   var dHours = difference.getHours();
   var dMinutes =difference.getMinutes();
   var dSeconds = difference.getSeconds();
   
   $("#output").html([
    "现在时间是：<font color='blue'>", now.toLocaleString(),"</font>，","<br />",
    "<font color='blue'>", t.toLocaleString(),"</font>",
    ["还要", "已经过去了"][past],
    "<font color='blue'>",dDays, "天", dHours, "小时", dMinutes, "分钟", dSeconds, "秒","</font>",
    ["才到", ""][past]
   ].join(""));//用join方法将上面的数组连接起来
     }

     function btn_calculate(){
   
   clearInterval(intervalID);
   $("#error").className = null;
   
   var t = new Date($("#t").val());
   
   if(t.getTime().toString() == "NaN"){  //如果输入的时间不对，则将提示字符设置为error，即红色
    $("#error").className = "error";
    $("#t").select();
    return false;
   }
   
   intervalID = setInterval("calculate(" + t.getTime() + ")", 1000);  //设置定时器，每秒钟执行一次calculate函数
   return false;
     }
 </script>
    </head>

    <body>
 <form onsubmit="return btn_calculate()">
     <div><span id="error">请输入要计算的时间（格式：2010/02/01 23:07，省略时分秒则是00:00:00）：</span>
  <input id="t" value="2010/02/01 23:07" /> <input type="submit" value="计算时间">
     </div><br />
     <div id="output"></div><!--输出区域-->

    </body>
</html>



强强 2012-10-31 00:27 发表评论
]]>flash中ExternalInterface不会造成方法覆盖http://www.blogjava.net/lyjjq/articles/375312.html强强强强Thu, 19 Apr 2012 14:52:00 GMThttp://www.blogjava.net/lyjjq/articles/375312.htmlhttp://www.blogjava.net/lyjjq/comments/375312.htmlhttp://www.blogjava.net/lyjjq/articles/375312.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/375312.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/375312.html在JavaScript与Flash的通信一文中我介绍了利用ExternalInterface来实现的JS与AS双向通信，有朋友跟我提出疑问如果AS或者JS中都定义了同名函数，那么会造成方法覆盖吗？这的确是个需要考虑的问题，通过测试证明，即使出现了同名方法的定义，它们也是相互独立的，不会造成方法覆盖。

　　一、AS调用JS方法时出现同名方法（查看实例）

　
    AS代码如下：
   
    import flash.external.*;
    var v =ExternalInterface.available;
    t_btn.onRelease = function (){
        //调用JS函数
        var s = ExternalInterface.call("say","JS函数调用成功!")
        //调用AS本地函数
        s +=say("\n本地函数调用成功!");
        r_txt.text = s;
    }
    //AS本地函数
    function say(s){
        return s;
    }
  
    HTML代码：
   //定义一个JS函数
   function say(txt){
        return txt;
    }

　可以看到在JS中定义了一个say方法供AS调用，现在我们在AS中定义了一个同名的say方法来验证它们是否会出现覆盖。结果证明它们不会覆盖，都工作得很好。(PS:不错～)


二、JS调用AS方法时出现同名方法（查看实例）


　　AS代码如下：//导入包
        import flash.external.*;
        //提供JS访问的函数名
        var _method:String = "say";
        //指定本地函数中this变量的作用域，可设置为null留空
        var e_area:Object =null;
        //AS内部函数名
        var method:Function = say;
        //将函数注册到容器列表
        var wasSuccessful:Boolean = ExternalInterface.addCallback(_method, e_area, method);
        //查看注册是否成功
        if(wasSuccessful){
            result_txt.text = "函数注册成功";
        }
        //本地的函数
        function say(txt:String) {
            result_txt.text = txt;
        }

    HTML代码如下：
 <div>
  <form>
   <input type="button" onclick="callExternalInterface()" value="JS调用AS方法" />
  </form>
  <script>
   function callExternalInterface() {
    thisMovie("demo").say("Hello,World");
   }
   //浏览器兼容访问DOM
   function thisMovie(movieName) {
    if (navigator.appName.indexOf("Microsoft") != -1)
    {
     return window[movieName]
    }else{
     return document[movieName]
    }
   }
   //定义一个JS本地函数
   function say(s){
    alert(s);
   }
  </script>
 </div>


　　可以看到在AS中定义了一个say方法供JS调用，现在我们在JS中定义了一个同名的say方法来验证它们是否会出现覆盖。结果证明它们不会覆盖，都工作得很好。(PS:也不错～)


　　通过上面的两个例子我们可以得出结论在使用ExternalInterface时即使定义了同名方法，也不会造成方法覆盖，你大可放心使用



强强 2012-04-19 22:52 发表评论
]]>JS选中selecthttp://www.blogjava.net/lyjjq/articles/370147.html强强强强Thu, 16 Feb 2012 15:27:00 GMThttp://www.blogjava.net/lyjjq/articles/370147.htmlhttp://www.blogjava.net/lyjjq/comments/370147.htmlhttp://www.blogjava.net/lyjjq/articles/370147.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/370147.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/370147.html 




1.判断select选项中
是否存在Value="paraValue"的Item
2.向select选项中 加入一个Item
3.从select选项中
删除一个Item
4.修改select选项中
value="paraValue"的text为"paraText"
5.设置select中text="paraText"的第一个Item为选中
6.设置select中value="paraValue"的Item为选中
7.得到select的当前选中项的value
8.得到select的当前选中项的text
9.得到select的当前选中项的Index
10.清空select的项
-------------------------------------------
//1.判断select选项中
是否存在Value="paraValue"的Item
function
jsSelectIsExitItem(objSelect,objItemValue)
{
    var isExit =
false;
    for(var i=0;i<objSelect.options.length;i++)
    {
       
if(objSelect.options[i].value == objItemValue)
        {
           
isExit = true;
            break;
        }
    }     
    return
isExit;
}


//2.向select选项中 加入一个Item
function
jsAddItemToSelect(objSelect,objItemText,objItemValue)
{
   
//判断是否存在
    if(jsSelectIsExitItem(objSelect,objItemValue))
   
{
        alert("该Item的Value值已经存在");
    }
    else
    {
       
var varItem = new Option(objItemText,objItemValue);
//     
objSelect.options[objSelect.options.length] = varItem;
       
objSelect.options.add(varItem);
        alert("成功加入");
    }   
}


//3.从select选项中 删除一个Item
function
jsRemoveItemFromSelect(objSelect,objItemValue)
{
    //判断是否存在
   
if(jsSelectIsExitItem(objSelect,objItemValue))
    {
        for(var
i=0;i<objSelect.options.length;i++)
        {
           
if(objSelect.options[i].value == objItemValue)
           
{
                objSelect.options.remove(i);
               
break;
            }
        }       
       
alert("成功删除");           
    }
    else
    {
       
alert("该select中 不存在该项");
    }   
}


//4.修改select选项中
value="paraValue"的text为"paraText"
function
jsUpdateItemToSelect(objSelect,objItemText,objItemValue)
{
   
//判断是否存在
    if(jsSelectIsExitItem(objSelect,objItemValue))
   
{
        for(var i=0;i<objSelect.options.length;i++)
       
{
            if(objSelect.options[i].value == objItemValue)
           
{
                objSelect.options[i].text = objItemText;
               
break;
            }
        }       
       
alert("成功修改");           
    }
    else
    {
       
alert("该select中 不存在该项");
    }   
}
       

//5.设置select中text="paraText"的第一个Item为选中
function
jsSelectItemByValue(objSelect,objItemText)
{   
    //判断是否存在
    var
isExit = false;
    for(var i=0;i<objSelect.options.length;i++)
   
{
        if(objSelect.options[i].text == objItemText)
       
{
            objSelect.options[i].selected = true;
            isExit =
true;
            break;
        }
    }     
    //Show出结果
   
if(isExit)
    {
        alert("成功选中");           
    }
   
else
    {
        alert("该select中 不存在该项");
    }   
}


//6.设置select中value="paraValue"的Item为选中
//document.all.objSelect.value
= objItemValue;


//7.得到select的当前选中项的value
//var currSelectValue =
document.all.objSelect.value;


//8.得到select的当前选中项的text
//var currSelectText =
document.all.objSelect.options[document.all.objSelect.selectedIndex].text;


//9.得到select的当前选中项的Index
//var currSelectIndex =
document.all.objSelect.selectedIndex;


//10.清空select的项
//
document.all.objSelect.options.length = 0;



强强 2012-02-16 23:27 发表评论
]]>JQuery 事件，属性，绑定http://www.blogjava.net/lyjjq/articles/368759.html强强强强Thu, 19 Jan 2012 07:30:00 GMThttp://www.blogjava.net/lyjjq/articles/368759.htmlhttp://www.blogjava.net/lyjjq/comments/368759.htmlhttp://www.blogjava.net/lyjjq/articles/368759.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/368759.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/368759.html.addClass() 向取得的元素添加class即类，而该元素原来的类不会被去掉，

如果想添加别的属性用attr()----attr({'id':'value'})  相对的是：removeAttr('id');

******************************************************************************************************************************************************************

<!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-Type" content="text/html; charset=utf-8" />
< title>无标题文档</title>
< link rel="stylesheet" type="text/css" href="Untitled-2.css" />
< script type="text/javascript" src="jquery-1.6.2.js"></script>
< script type="text/javascript">
$(document).ready(function(){
//通过选择符选取元素
$('#selected-plays > li').addClass('horizontal');
$('#selected-plays li:not(.horizontal)').addClass('sub-level');
$('a[href^=mailto]').addClass('mailto');
$("a[href$='.pdf']").addClass('pdflink');
$("a[href^='http'][href*='henry']").addClass('henrylink');
$("tr:even").addClass('alt');//$("tr:odd").addClass('alt');

//通过连缀来取得元素
$("td:contains('Tragedy')").addClass('cell01');
$("td:contains('Henry')").parent().children().addClass('cell02');
$("td:contains('Tragedy')").next().andSelf().addClass('cell03');
$("td:contains('Comedy')").nextAll().andSelf().addClass('cell04');
$("td:contains('Comedy')").prev().andSelf().addClass('cell05');
$("td:contains('Macbeth')").prevAll().andSelf().addClass('cell06');

//通过连缀取得元素
$("td:contains('Henry')")//取的所有包含‘Henry’的单元格
.parent()//取得它的父元素
.find("td:eq(1)")//取得第二个td元素
.addClass('highlight')//为取得的td元素添加highlight类
.end()//恢复到所有包含'Henry'的父元素
.find("td:eq(2)")//取得第三个td元素
.addClass('highlight');//为该元素添加highlight类
 
//事件
$('h3').nextAll().addClass('childendiv');
$('#switcher-large').bind('click',function(){//为div添加样式
  $('#switcher-large').removeClass('button');//移除class
  $(this).addClass('chapter');//this指的是绑定事件的对象
  });

//事件绑定的简写
/*
$('#switcher-large').click(function(){//为div添加样式
  $('#switcher-large').removeClass('button');//移除class
  $(this).addClass('chapter');//this指的是绑定事件的对象
  });*/
 
 
//复合事件：点击第一次时执行toggle里面的第一个函数，点击第二才是执行第二个函数……如果都执行完就再循环
$('h3').toggle(
  function(){
  $('.button').addClass('hidden');
  },
  function(){
   $('.button').removeClass('hidden');
   });

//hover（）跟toggle一样，也可以接受都多个函数，第一个函数在鼠标进入元素是执行，第二个函数会在鼠标离开元素时执行
$('.button').hover(
  function(){
   $(this).addClass('hover');
   },
   function(){
   $(this).removeClass('hover');
   })

//通过事件对象来改变时间旅程
$('.divparent').click(function(event){
  if(event.target==this){
   $('.divparent').children().toggleClass('hidden')  
   }
  })
 
//事件冒泡：点击<td>中的div时，也会触发到<table>外面<div>事件
/*$
('td').addClass('td');
$('.but').addClass('but');
$('.switcher').click(function(){
  $('.switcher .but').toggleClass('hidden');
  });
*/

//事件目标：可以有效的解决事件冒泡；
$('.switcher').click(function(event){
  if(event.target==this){
   $('.switcher .but').toggleClass('hidden');
   }
  });
 
/*$('.switcher').click(function(event){
  if($(event.target).is('.but')){
   $('body').removeClass();
   if(event.target.id=='switcher-nar'){
    $('body').addClass('large');
    }
    else if(event.target.id=='switcher-lar'){
     $('body').addClass('large');
     }
     $('.switcher .but').removeClass('selected');
     $(event.target).addClass('selected');
     event.stopPropagation();
   }
  });*/
 
//移除事件：
/*
$('.but').click(function(){
  $('.switcher').unbind();//移除事件
  });*/
 
//只绑定一次就解除用one()
$('.but1').one('click',function(){
  $('.but1').addClass('hidden');
  });

});



强强 2012-01-19 15:30 发表评论
]]>ThinkPhp标签库http://www.blogjava.net/lyjjq/articles/362377.html强强强强Mon, 31 Oct 2011 07:15:00 GMThttp://www.blogjava.net/lyjjq/articles/362377.htmlhttp://www.blogjava.net/lyjjq/comments/362377.htmlhttp://www.blogjava.net/lyjjq/articles/362377.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/362377.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/362377.html告：在使用下列所说的任何标签库都需要
HTML第一行加入 <tarlib name=”cx,html” />
如果想单独引入cx标签库就直接写成<tarlib name=”cx” />
如果单独引入html标签库就直接写成<tarlib name=”html” />
原则上来讲所有的标签的属性是可以不增加的(因为tp并为进行强制验证^_^),不过为了你的正常使用,请在使用的时候按照需要进行添加
首先我们来说html标签库的信息
Editor标签
<html:editor id=”editory” name=”remarke” type=”FCKeditor” content=”” />
属性
        Id 属性
                编辑器的id值,
                如果并未填写改属性,则会默认为_editor
        Name 属性 必须的
                编辑器的 name值
                如果未填写,默认为空
        Width 属性 
                编辑器的宽度
                如果未填写,默认为100%
        Height 属性
                编辑器的高度
                如果未填写默认为320px
        Content 属性
                编辑器的内容的初始化值
                如果未填写,则为空
        Type 属性
                编辑器的类型 默认情况下支持
Fckeditor  eWebEditor  NETEASE  UBB
如果填写的编辑器类型不存在,则会默认为 TextArea标签
指定Fckeditor 时,文件存放路径必须为 /Public/Js/FCKeditor/
指定eWebEditor 时,文件存放路径必须为/Public/Js/eWebEditor/
指定NETEASE 时,文件存放路径必须为/Public/Js/HtmlEditor/
指定UBB时,文件存放路径必须为/Public/Js/
imageBtn标签
        <html:imageBtn id=" " name=" " type=" " value=" " click=" " style=" " />
        属性：
                Id属性
                        input的id值
                Name属性
                        input的name值
                Type 属性
                        input标记的类型
                        如果未填写 则默认为 button
                Value 属性
                        input标记的Value值
                click 属性
                        input 的click执行内容,可以为js语句块,也可以为js函数
                style 属性
                        input标记外面生成div的样式
imgLink标签
<html:imgLink id=" " name=" " alt=" " click=" " style=" " type=" " value=" " />
提示：
        这个标记增加了鼠标移上和移除的滤镜效果,推荐使用,不过内部实现是有问题的,如果需要使用的同志,请修改一下TagLibHtml.class.php 125行
$parseStr   = '<span class="'.$style.'" ><input title="'.$alt.'" type="'.$type.'" id="'.$id.'"  name="'.$name.'" onmouseover="this.style.filter=/'alpha(opacity=100)/'" onmouseout="this.style.filter=/'alpha(opacity=80)/'" onclick="'.$click.'" align="absmiddle" class="'.$name.' value="'.$value.'"></span>';
属性：
        id属性
                input的id值
        name属性
                input的name值
        alt属性
                input的title值
        style属性
                input标记外面生成的span的样式
        click属性
                input的click执行内容,可以为js语句块,也可以为js函数
        type属性
                input属性的类别,如果不输入则默认为button
        value属性
                input 的value的值,不过在源代码里面并未使用
select标记
<html:select options=" " selected=" " id=" " name=" " values=" " output=" " multiple=" " size=" " first=" " style=" " dblclick=" " change=" " />
属性：
        id属性
                select的id值
        name属性
                select的name值
        dblclick属性
                select 双击事件调用的js
        change属性
                select value值改变调用的js
        multiple属性
                select 是否以可以选择多项 值不固定,任意值均可
        style属性
                select 的样式
        size属性
                select 的行数
        first属性
                select 的第一个值,比如 请选择您的学历
        options属性
                select的项,为php的有键的数组,如果没有键的数组请使用values属性
                当两个属性同时存在时,以options为优先
                value的值为$key
        values属性
                select的项,为php无键的数组,当两个属性同时存在时,以options为优先
                value的值为数组的值
        selected属性
                select 默认的选中项
                当使用options属时,selected属性的内容与$key进行匹配,如果使用values属性
                则与内容进行匹配
        output属性
                select option项目的结尾串,比如 
                <option value=”1”>小学学历</option>
                <option value=”2”>中学学历</option>
                <option value=”3”>大学学历</option>
                这里的情况,我们就可以直接设置output为 学历
checkbox标签
        <html:checkbox checkboxes=" " checked=" " name=" " separator=" " />
提示：
checkboxes="" 请注意看这个属性 并不是checkboxs 在s的前面多了一个e
我想应该是官方手误吧,如果你愿意,请修改源码,或者说在使用的时候加上e
属性：
        name属性
                checkbox属性的name值,无论你输入什么,系统会默认增加[]
        checkboxes
                checkbox组,是php的有键数组(必须为有键数组),$key为checkbox项的value
                $value 为checkbox后面带的说明
        checked
                这里可以为数组,也可以为单个字符串
                如果为字符串,则与$key进行匹配 判断是否选中
                如果为数组,则匹配是否包含这个$key 判断是否选中
        separator
                分隔符,当一个checkbox项结束后的分隔符
radio标签
        <html:radio radios=" " checked=" " checked=" " separator=" " />
属性
        radios
                radio组是php的有键数组(必须为有键数组),$key为radio项的value
                $value 为radio后面带的说明
        checked
                这里可以为数组,也可以为单个字符串
                如果为字符串,则与$key进行匹配 判断是否选中
        name属性
                radio属性的name值,无论你输入什么,系统会默认增加[]
        separator
                分隔符,当一个radio项结束后的分隔符
link标签解析
* 格式： <html:link file="" type="" />
加载外部文件,type为文件类型(可选,建议填上),JS和CSS


强强 2011-10-31 15:15 发表评论
]]>json数据格式例子http://www.blogjava.net/lyjjq/articles/355501.html强强强强Mon, 01 Aug 2011 08:50:00 GMThttp://www.blogjava.net/lyjjq/articles/355501.htmlhttp://www.blogjava.net/lyjjq/comments/355501.htmlhttp://www.blogjava.net/lyjjq/articles/355501.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/355501.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/355501.html    function handleJson(){
        var j={"name":"Michael","address":{"city":"Beijing","street":"Chaoyang Road","postcode":100025},"person":[{"city":"Beijing"},{"city":"Chaoyang Road"},{"city":100025}]};
        document.write(j.name);
        document.write(j.address.city);
        document.write(j.person[1].city);
    }
    handleJson();
</script>

强强 2011-08-01 16:50 发表评论
]]>Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）http://www.blogjava.net/lyjjq/articles/346898.html强强强强Wed, 23 Mar 2011 16:02:00 GMThttp://www.blogjava.net/lyjjq/articles/346898.htmlhttp://www.blogjava.net/lyjjq/comments/346898.htmlhttp://www.blogjava.net/lyjjq/articles/346898.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/346898.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/346898.html 
Javascript 操作select是表单中常见的一种，今天删除多个select值的时候出现了问题，搞了半天原来是索引引起的（即删除的时候要从索引大的开始删，然后再删除索引小的，否则删除了索引小的后索引大的索引就变化了，再删除时就会出现问题－－问题的关键是for循环是要从大到小，而不是常规的从0到length）

// 4.删除select中选中的项   
function jsRemoveSelectedItemFromSelect(objSelect) {       
     var length = objSelect.options.length - 1;   
     for(var i = length; i >= 0; i--){   
         if(objSelect[i].selected == true){   
             objSelect.options[i] = null;   
         }   
     }   
}     

1判断select选项中 是否存在Value="paraValue"的Item
2向select选项中 加入一个Item
3从select选项中 删除一个Item
4删除select中选中的项
5修改select选项中 value="paraValue"的text为"paraText"
6设置select中text="paraText"的第一个Item为选中
7设置select中value="paraValue"的Item为选中
8得到select的当前选中项的value
9得到select的当前选中项的text
10得到select的当前选中项的Index
11清空select的项

======================================================================

动态删除select中的所有options：
function deleteAllOptions(sel){
sel.options.length=0;
}
动态删除select中的某一项option：
function deleteOption(sel,indx){
sel.options.remove(indx);
}
动态添加select中的项option:
function addOption(sel,text,value){
sel.options.add(new Option(text,value));
}
上面在IE和FireFox都能测试成功，希望以后可以用上。

===========================================

js 代码
// 1.判断select选项中 是否存在Value="paraValue"的Item       
function jsSelectIsExitItem(objSelect, objItemValue) {       
     var isExit = false;       
     for (var i = 0; i < objSelect.options.length; i++) {       
         if (objSelect.options[i].value == objItemValue) {       
             isExit = true;       
             break;       
         }       
     }       
     return isExit;       
}        
  
// 2.向select选项中 加入一个Item       
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {       
     //判断是否存在       
     if (jsSelectIsExitItem(objSelect, objItemValue)) {       
         alert("该Item的Value值已经存在");       
     } else {       
         var varItem = new Option(objItemText, objItemValue);     
         objSelect.options.add(varItem);    
         alert("成功加入");    
     }       
}       
  
// 3.从select选项中 删除一个Item       
function jsRemoveItemFromSelect(objSelect, objItemValue) {       
     //判断是否存在       
     if (jsSelectIsExitItem(objSelect, objItemValue)) {       
         for (var i = 0; i < objSelect.options.length; i++) {       
             if (objSelect.options[i].value == objItemValue) {       
                 objSelect.options.remove(i);       
                 break;       
             }       
         }       
         alert("成功删除");       
     } else {       
         alert("该select中 不存在该项");       
     }       
}   
  
  
// 4.删除select中选中的项   
function jsRemoveSelectedItemFromSelect(objSelect) {       
     var length = objSelect.options.length - 1;   
     for(var i = length; i >= 0; i--){   
         if(objSelect[i].selected == true){   
             objSelect.options[i] = null;   
         }   
     }   
}     
  
// 5.修改select选项中 value="paraValue"的text为"paraText"       
function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {       
     //判断是否存在       
     if (jsSelectIsExitItem(objSelect, objItemValue)) {       
         for (var i = 0; i < objSelect.options.length; i++) {       
             if (objSelect.options[i].value == objItemValue) {       
                 objSelect.options[i].text = objItemText;       
                 break;       
             }       
         }       
         alert("成功修改");       
     } else {       
         alert("该select中 不存在该项");       
     }       
}       
  
// 6.设置select中text="paraText"的第一个Item为选中       
function jsSelectItemByValue(objSelect, objItemText) {           
     //判断是否存在       
     var isExit = false;       
     for (var i = 0; i < objSelect.options.length; i++) {       
         if (objSelect.options[i].text == objItemText) {       
             objSelect.options[i].selected = true;       
             isExit = true;       
             break;       
         }       
     }             
     //Show出结果       
     if (isExit) {       
         alert("成功选中");       
     } else {       
         alert("该select中 不存在该项");       
     }       
}       
  
// 7.设置select中value="paraValue"的Item为选中   
objSelect.value = objItemValue;   
      
// 8.得到select的当前选中项的value   
var currSelectValue = objSelect.value;   
      
// 9.得到select的当前选中项的text   
var currSelectText = objSelect.options[document.all.objSelect.selectedIndex].text;   
      
// 10.得到select的当前选中项的Index   
var currSelectIndex = objSelect.selectedIndex;   
      
// 11.清空select的项   
objSelect.options.length = 0;  


整个实例的完整代码如下：

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title>javascript select options text value</title>
<meta name="keywords" content="javascript select options text value add modify delete set">
<meta name="description" content="javascript select options text value add modify delete set">
<script language="javascript">
<!--
// Author: i@lxl.cn
// Modify: i@cnlei.com
function watch_ini(){ // 初始
for(var i=0; i<arguments.length; i++){
   var oOption=new Option(arguments[i],arguments[i]);
   document.getElementById("MySelect")[i]=oOption;
}
}
function watch_add(f){ // 增加
   var oOption=new Option(f.word.value,f.word.value);
   f.keywords[f.keywords.length]=oOption;
}
function watch_sel(f){ // 编辑
f.word.value = f.keywords[f.keywords.selectedIndex].text;
}
function watch_mod(f){ // 修改
f.keywords[f.keywords.selectedIndex].text = f.word.value;
}
function watch_del(f){ // 删除
f.keywords.remove(f.keywords.selectedIndex);
}
function watch_set(f){ // 保存
var set = "";
for(var i=0; i<f.keywords.length; i++){
set += f.keywords[i].text + ";";
}
confirm(set);
}
//-->
</script>
</head>
<body>
<form name="watch" method="post" action="">
<select id="MySelect" name="keywords" size="10" onchange="watch_sel(this.form)"></select><br>
<script language="javascript">
<!--
watch_ini("我","你","妳","他","她","它","尔"); // 初始关键词
//-->
</script>
<input type="text" name="word" /><br />
<input type="button" value="增加" onclick="watch_add(this.form);" />
<input type="button" value="修改" onclick="watch_mod(this.form);" />
<input type="button" value="删除" onclick="watch_del(this.form);" />
<input type="button" value="保存" onclick="watch_set(this.form);" />
</form>
</body>
</html>


强强 2011-03-24 00:02 发表评论
]]>各种ajax 的json 数据的传递(jquery,prototype,thinkajax) http://www.blogjava.net/lyjjq/articles/346896.html强强强强Wed, 23 Mar 2011 15:37:00 GMThttp://www.blogjava.net/lyjjq/articles/346896.htmlhttp://www.blogjava.net/lyjjq/comments/346896.htmlhttp://www.blogjava.net/lyjjq/articles/346896.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/346896.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/346896.htmlfunction showRequest() {
  //alert('before submit!');   
 }
 function reloadCityArr(data){
  var targetSelect=document.getElementById("citySelect");
  clearField(targetSelect)
  for (var i = 0; i < data.length; i++) {   
   var opt = document.createElement("OPTION");
   opt.text=data[i].title;      
   opt.value=data[i].value;  
   targetSelect.add(opt);                           
        }

 }
 
 function clearField(targetSelect){
  
   var listlength=targetSelect.length;

   for (i=listlength-1;i>=0;i--)
         {targetSelect.remove(i);}

 }
//1.prototype方式
 function addChangeProvince(provinceId) {
     var url="__URL__/getCityMap/provinceId/"+provinceId;
   
     new Ajax.Request(url,{
        method: 'get',
        onComplete: function(transport){ 
        reloadCityArr(eval(transport.responseText));        
     }});
 }
//2.jquery
function addChangeProvince(provinceId) {
     var url="__URL__/getCityMap/provinceId/"+provinceId;   
     $.ajax({
         type: "POST",
         url: url,
         data: "name=John&location=Boston",
         dataType:"json",
         success: function(data){
           reloadCityArr(data);   
         
        
        }
     });
 }
//3.thinkajax
 function complete(data,status,info){
  if (status==1){
   reloadCityArr(data);
  }
 }
 function addChangeProvince(provinceId) {
     var url="__URL__/getCityMap/provinceId/"+provinceId;
     ThinkAjax.sendForm('form1',url,complete,'result');
 }



强强 2011-03-23 23:37 发表评论
]]>关于Apache的AddDefaultCharset的问题http://www.blogjava.net/lyjjq/articles/344008.html强强强强Thu, 10 Feb 2011 02:11:00 GMThttp://www.blogjava.net/lyjjq/articles/344008.htmlhttp://www.blogjava.net/lyjjq/comments/344008.htmlhttp://www.blogjava.net/lyjjq/articles/344008.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/344008.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/344008.html

上周飞龙新版上线的时候，出现了一个问题由于原来的页面是用的GBK编码的。新版的面页使用了utf-8编码的。晚上部署的时候发现utf-8编码的全部都成乱码了。这个乱码是因为浏览器用gbk解析utf-8的网页的。手动选择一下用utf-8编码就正常的了。刚开始还以为是utf-8页面的问题。看html源码。里面有utf-8的头申明。看jsp里面也有的。为什么Apache就是不用utf-8发送给浏览器呢？
后来找到httpd.conf.发面里面的AddDefaultCharset设置的是

AddDefaultCharset=GBK

没办法先修改成UTF-8试试

AddDefaultCharset=UTF-8

这样的话utf-8的页面好了。可是gbk的又不行了。真是怪了。后来发现把这个设置成off就可以了。

AddDefaultCharset=off

一查Apache的参考手册，原来是这样的。

AddDefaultCharset 指令

说明 当应答内容是text/plain或text/html时，在HTTP应答头中加入的默认字符集
语法 AddDefaultCharset On|Off|charset
默认值 AddDefaultCharset Off
作用域 server config, virtual host, directory, .htaccess
覆盖项 FileInfo
状态 核心(C)
模块 core

当且仅当应答内容是text/plain或text/html时，此指令将会在HTTP应答头中加入的默认字符集。理论上这将覆盖在文档体中通过<meta>标签指定的字符集，但是实际的行为通常取决于用户浏览器的设置。AddDefaultCharset Off 将会禁用此功能。AddDefaultCharset On 将启用Apache内部的默认字符集iso-8859-1 。您也可以指定使用在IANA注册过的字符集名字中的另外一个charset 。比如说：

AddDefaultCharset utf-8

AddDefaultCharset只 应当在如下情况下使用：所有文本资源都使用同一种确定的字符集，且分别标记他们的字符集非常麻烦。一个这样的例子是向包含动态内容的资源中添加字符集参数 (比如先前遗留的CGI脚本)，这样可能会因为在输出中包含用户提供的数据而导致跨站点脚本攻击。但是请注意：更好的解决办法是修改或删除这些脚本，因为 设置了默认的字符集以后将会使得浏览器的字符集自动探测功能失效。

原来这个是给那种没有申明编码的页面用的。如果你的站点只有一种编码就可以使用这个指令，如果有两种就不能用了。那就是还记得将所有的页面都加上好合适的编码头申明。


强强 2011-02-10 10:11 发表评论
]]>jquery 取input中各项值http://www.blogjava.net/lyjjq/articles/331221.html强强强强Mon, 06 Sep 2010 08:49:00 GMThttp://www.blogjava.net/lyjjq/articles/331221.htmlhttp://www.blogjava.net/lyjjq/comments/331221.htmlhttp://www.blogjava.net/lyjjq/articles/331221.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/331221.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/331221.html 

radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关
获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

获取值：

文本框，文本区域：
     $("#txt").attr("value")；
多选框checkbox：
     $("#checkbox_id").attr("value")；
单选组radio：
     $("input[@type=radio][@checked]").val();
下拉框select：
     $('#sel').val();

控制表单元素：
文本框，文本区域：
     $("#txt").attr("value",'');//清空内容
                $("#txt").attr("value",'11');//填充内容

多选框checkbox：
     $("#chk1").attr("checked",'');//不打勾
                $("#chk2").attr("checked",true);//打勾
                if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio：  
     $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select：
     $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
     $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
     $("#sel").empty()；//清空下拉框
----------------------------------------------------------------------------------------------------

//遍历option和添加、移除option
function changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] option").each(function(){
if($(this).val() == 111){
$(this).remove();
}
});
}else{
$("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}

//取得下拉選單的選取值
$(#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();
//////////////////////////////////////////////////////////////////
记性不好的可以收藏下：
1,下拉框:
var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)
var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的值
var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值
$("#select").empty();//清空下拉框//$("#select").html('');
$("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option
稍微解释一下:
1.select[@name='country'] option[@selected] 表示具有name 属性，
并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素；
可以看出有@开头的就表示后面跟的是属性。
2,单选框:
$("input[@type=radio][@checked]").val(); //得到单选框的选中项的值(注意中间没有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)
3,复选框:
$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值
$("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
alert($(this).val());
});
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾

当然jquery的选择器是强大的. 还有很多方法.
<script src="jquery-1.2.1.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#selectTest").change(function()
{
//alert("Hello");
//alert($("#selectTest").attr("name"));
//$("a").attr("href","xx.html");
//window.location.href="xx.html";
//alert($("#selectTest").val());
alert($("#selectTest option[@selected]").text());
$("#selectTest").attr("value", "2");
});
});
</script>

<a href="#">aaass</a>
<!--下拉框-->
<select id="selectTest" name="selectTest">
<option value="1">11</option>
<option value="2">22</option>
<option value="3">33</option>
<option value="4">44</option>
<option value="5">55</option>
<option value="6">66</option>
</select>
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值：
文本框，文本区域：$("#txt").attr("value")；
多选框checkbox：$("#checkbox_id").attr("value")；
单选组radio： $("input[@type=radio][@checked]").val();
下拉框select： $('#sel').val();
控制表单元素：
文本框，文本区域：$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容
多选框checkbox： $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<optionvalue='1'>1111</option><optionvalue='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty()；//清空下拉框
获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值：
文本框，文本区域：$("#txt").attr("value")；
多选框checkbox：$("#checkbox_id").attr("value")；
单选组radio： $("input[@type=radio][@checked]").val();
下拉框select： $('#sel').val();
控制表单元素：
文本框，文本区域：$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容
多选框checkbox： $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty()；//清空下拉框


强强 2010-09-06 16:49 发表评论
]]>判断浏览器http://www.blogjava.net/lyjjq/articles/329503.html强强强强Fri, 20 Aug 2010 11:38:00 GMThttp://www.blogjava.net/lyjjq/articles/329503.htmlhttp://www.blogjava.net/lyjjq/comments/329503.htmlhttp://www.blogjava.net/lyjjq/articles/329503.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/329503.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/329503.html var browser = {
 'isIE' : (navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0),
 'isFirefox' : navigator.userAgent.indexOf('Firefox') >= 0,
 'isOpera' : navigator.userAgent.indexOf('Opera') >= 0
 };
 alert('ie:'+browser.isIE);
 alert('isfirefox:'+browser.isFirefox);
 

强强 2010-08-20 19:38 发表评论
]]>urlencodehttp://www.blogjava.net/lyjjq/articles/328522.html强强强强Wed, 11 Aug 2010 04:32:00 GMThttp://www.blogjava.net/lyjjq/articles/328522.htmlhttp://www.blogjava.net/lyjjq/comments/328522.htmlhttp://www.blogjava.net/lyjjq/articles/328522.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/328522.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/328522.html实现一个功能需要把一个中文词语编码后拼到百度的URL中，在新窗口打开，实现搜索，需要一个类似与PHP中的URlencode的功能，找了好久都没找到。escape、encodeURI、encodeURIComponent都不行。忙活了半天，终于让我找到了，赶紧收藏下来。

<script language="vbscript">
Function str2asc(strstr)
str2asc = hex(asc(strstr))
End Function
Function asc2str(ascasc)
asc2str = chr(ascasc)
End Function
</script>
<script language="javascript" type="text/javascript">
function UrlEncode(str){
   var ret="";
   var strSpecial="!\"#$%&'()*+,/:;<=>?[]^`{|}~%";
   for(var i=0;i<str.length;i++){
   var chr = str.charAt(i);
     var c=str2asc(chr);
     if(parseInt("0x"+c) > 0x7f){
       ret+="%"+c.slice(0,2)+"%"+c.slice(-2);
     }else{
       if(chr==" ")
         ret+="+";
       else if(strSpecial.indexOf(chr)!=-1)
         ret+="%"+c.toString(16);
       else
         ret+=chr;
     }
   }
   return ret;
}
</script>

用这样的办法调用：

<script language="javascript" type="text/javascript">
alert(UrlEncode("孙毓波大好人"));
</script>



强强 2010-08-11 12:32 发表评论
]]>最后一个奇数汉字出现乱码解决方案http://www.blogjava.net/lyjjq/articles/328073.html强强强强Thu, 05 Aug 2010 13:57:00 GMThttp://www.blogjava.net/lyjjq/articles/328073.htmlhttp://www.blogjava.net/lyjjq/comments/328073.htmlhttp://www.blogjava.net/lyjjq/articles/328073.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/328073.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/328073.html1.统一用UTF-8编码，即Tomcat的server.xml、页面、过滤器都用UTF-8
2.
请求参数,需要编码

<a href="newsAction?name=<%=java.net.URLEncoder.encode("表数据管理","UTF-8")%>"
target="frameset">Xls表数据管理 </a>

假如是java代码的话直接写java.net.URLEncoder.encode("测试吗","UTF-8");

下面引用Qieqie的一段代码：

Java代码 复制代码
  1. public static void main(String[] args) throws UnsupportedEncodingException {   
  2.     //给定某3个汉字   
  3.     String src = "你好啊";   
  4.     //String src = "一二三";   
  5.        
  6.     //浏览器进行utf-8编码，并传送到服务器   
  7.     byte[] bytes1 = src.getBytes("utf-8");   
  8.     System.out.println(bytes1.length);//9   
  9.        
  10.     //tomcat以gbk方式解码(这个片段的说明仅针对gbk处理汉字的情况)   
  11.     //如果一对汉字字节不符合gbk编码规范，则每个字节使用'?'(ascii 63)代替   
  12.     //万幸的话，只是最后一个(第9个)字节因不能成对,变成问号(比如当src="你好啊"时)   
  13.     //不幸的话，中间某些字节就通不过gbk编码规范出现'?'了(比如当src="一二三"时)   
  14.     //总之temp的最后一位必定是问号'?'   
  15.     String temp = new String(bytes1, "gbk");    
  16.        
  17.     //你的action中的代码   
  18.     //由于以上的tomcat以gbk解释utf-8不能成功   
  19.     //所以此时bytes2和bytes1不一样   
  20.     byte[] bytes2 = temp.getBytes("gbk");   
  21.     System.out.println(bytes2.length);   
  22.     for (int i = 0; i < bytes1.length; i++) {   
  23.         System.out.print(bytes1[i] & 0xff);   
  24.         System.out.print("\t");   
  25.     }   
  26.     System.out.println();   
  27.     for (int i = 0; i < bytes2.length; i++) {   
  28.         System.out.print(bytes2[i] & 0xff);   
  29.         System.out.print("\t");   
  30.     }   
  31.     System.out.println();   
  32.   
  33.     //构建出来的dest自然不是原先的src   
  34.     String dest = new String(bytes2, "utf-8");   
  35.     System.out.println(dest);   
  36.        
  37. }  


强强 2010-08-05 21:57 发表评论
]]>jQuery 表单插件 jQuery.form http://www.blogjava.net/lyjjq/articles/327808.html强强强强Tue, 03 Aug 2010 04:10:00 GMThttp://www.blogjava.net/lyjjq/articles/327808.htmlhttp://www.blogjava.net/lyjjq/comments/327808.htmlhttp://www.blogjava.net/lyjjq/articles/327808.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/327808.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/327808.htmljQuery表单插件 jQuery.form
时间：2009-11-28 11:41    来源：未知    作者：雪山飞鹄
核心提示：jQuery 表单插件 jQuery.form 本文电子文档下载 这是一个全面支持表单的 jQuery 插件，支持文件上传，包含以下一些方法： -ajaxForm -ajaxSubmit - formToArray - formSerialize - fieldSerialize - fieldValue - clearForm - clearFields - resetForm 使用
  jQuery表单插件 jQuery.form                                           本文电子文档下载

这是一个全面支持表单的jQuery插件，支持文件上传，包含以下一些方法：

-ajaxForm
-ajaxSubmit
- formToArray
- formSerialize
- fieldSerialize
- fieldValue
- clearForm
- clearFields
- resetForm

使用时你必须依次引入jquery.js、jquery.form.js，并且顺序不能颠倒

示例代码：

// wait for the DOM to be loaded 
$(document).ready(function() {  
   // bind 'myForm' and provide a simple callback function   
   $('#myForm').ajaxForm(function() {   
       alert("Thank you for your comment!");  
    }); 
}); 


项目主页： http://malsup.com/jquery/form/
下载地址： http://malsup.com/jquery/form/jquery.form.js


表单插件API

英文原文：http://www.malsup.com/jquery/form/#api

表单插件API提供了几个方法，让你轻松管理表单数据和进行表单提交。

ajaxForm（）

增加所有需要的事件监听器，为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。
可链接（Chainable）：可以。

实例：

$('#myFormId').ajaxForm();

ajaxSubmit（）

马上由AJAX来提交表单。大多数情况下，都是调用ajaxSubmit来对用户提交表单进行响应。ajaxSubmit接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。
可链接（Chainable）：可以。

实例：

// 绑定表单提交事件处理器
$('#myFormId').submit(function() {
    // 提交表单
    $(this).ajaxSubmit();
    // 为了防止普通浏览器进行表单提交和产生页面导航（防止页面刷新？）返回false
    return false;
   });

formSerialize（）

将表单串行化（或序列化）成一个查询字符串。这个方法将返回以下格式的字符串：name1=value1&name2=value2。
可链接（Chainable）：不能， 这个方法返回一个字符串。

实例：

var queryString = $('#myFormId').formSerialize();

// 现在可以使用$.get、$.post、$.ajax等来提交数据
$.post('myscript.php', queryString);

fieldSerialize（）

将表单的字段元素串行化（或序列化）成一个查询字符串。当只有部分表单字段需要进行串行化（或序列化）时，这个就方便了。这个方法将返回以下格式的字符串：name1=value1&name2=value2。
可链接（Chainable）：不能，这个方法返回一个字符串。

实例：

var queryString = $('#myFormId .specialFields').fieldSerialize();


fieldValue（）

返回匹配插入数组中的表单元素值。从0.91版起，该方法将总是以数组的形式返回数据。如果元素值被判定可能无效，则数组为空，否则它将包含一个或多于一个的元素值。
可链接（Chainable）：不能，该方法返回数组。

实例：

// 取得密码输入值
var value = $('#myFormId :password').fieldValue(); 
alert('The password is: ' + value[0]); 


resetForm（）

通过调用表单元素原有的DOM方法，将表单恢复到初始状态。
可链接（Chainable）：可以。

实例：

$('#myFormId').resetForm();


clearForm（）

清除表单元素。该方法将所有的文本（text）输入字段、密码（password）输入字段和文本区域（textarea）字段置空，清除任何select元素中的选定，以及将所有的单选（radio）按钮和多选（checkbox）按钮重置为非选定状态。
可链接（Chainable）：可以。

$('#myFormId').clearForm();


clearFields（）

清除字段元素。只有部分表单元素需要清除时才方便使用。
可链接（Chainable）：可以。

$('#myFormId .specialFields').clearFields();

Options对象

ajaxForm和ajaxSubmit都支持众多的选项参数，这些选项参数可以使用一个Options对象来提供。Options只是一个JavaScript对象，它包含了如下一些属性与值的集合：

target

指明页面中由服务器响应进行更新的元素。元素的值可能被指定为一个jQuery选择器字符串，一个jQuery对象，或者一个DOM元素。
默认值：null。

url

指定提交表单数据的URL。
默认值：表单的action属性值

type

指定提交表单数据的方法（method）：“GET”或“POST”。
默认值：表单的method属性值（如果没有找到默认为“GET”）。

beforeSubmit

表单提交前被调用的回调函数。“beforeSubmit”回调函数作为一个钩子（hook），被提供来运行预提交逻辑或者校验表单数据。如果“beforeSubmit”回调函数返回false，那么表单将不被提交。“beforeSubmit”回调函数带三个调用参数：数组形式的表单数据，jQuery表单对象，以及传入ajaxForm/ajaxSubmit中的Options对象。表单数组接受以下方式的数据：

[ { name: 'username', value: 'jresig' }, { name: 'password', value: 'secret' } ]

默认值：null

success

表单成功提交后调用的回调函数。如果提供“success”回调函数，当从服务器返回响应后它被调用。然后由dataType选项值决定传回responseText还是responseXML的值。
默认值：null

dataType

期望返回的数据类型。null、“xml”、“script”或者“json”其中之一。dataType提供一种方法，它规定了怎样处理服务器的响应。这个被直接地反映到jQuery.httpData方法中去。下面的值被支持：

'xml'：如果dataType == 'xml'，将把服务器响应作为XML来对待。同时，如果“success”回调方法被指定， 将传回responseXML值。

'json'：如果dataType == 'json'， 服务器响应将被求值，并传递到“success”回调方法，如果它被指定的话。

'script'：如果dataType == 'script'， 服务器响应将求值成纯文本。

默认值：null（服务器返回responseText值）

semantic

Boolean flag indicating whether data must be submitted in strict semantic order (slower). Note that the normal form serialization is done in semantic order with the exception of input elements of type="image". You should only set the semantic option to true if your server has strict semantic requirements and your form contains an input element of type="image".
布尔标志，表示数据是否必须严格按照语义顺序（slower？）来进行提交。注意：一般来说，表单已经按照语义顺序来进行了串行化（或序列化），除了type="image"的input元素。如果你的服务器有严格的语义要求，以及表单中包含有一个type="image"的input元素，就应该将semantic设置为true。（译注：这一段由于无法理解，翻译出来可能语不达意，但请达人指正。）
默认值：false

resetForm

布尔标志，表示如果表单提交成功是否进行重置。
Default value: null

clearForm

布尔标志，表示如果表单提交成功是否清除表单数据。
默认值：null

实例：

// 准备好Options对象
var options = {
    target:     '#divToUpdate',
    url:        'comment.php',
    success: function() {
      alert('Thanks for your comment!');
    } };

   // 将options传给ajaxForm
$('#myForm').ajaxForm(options);


注意：Options对象还可以用来将值传递给jQuery的$.ajax方法。如果你熟悉$.ajax所支持的options，你可以利用它们来将Options对象传递给ajaxForm和ajaxSubmit。

ajaxForm()适用于以表单提交方式处理ajax技术（需要提供表单的action、id、method，最好在表单中提供submit按钮）它大大简化了使用ajax技术提交表单时的数据传递问题，使用ajaxForm()你不需要逐个的以JavaScript的方式获取每个表单属性的值，并且也不需要在请求路径后面通过url重写的方式传递数据。ajaxForm()会自动收集当前表单中每个属性的值，然后将其以表单提交的方式提交到目标url。这种方式提交数据较安全，并且使用起来更简单，不必写过多冗余的JavaScript代码

$(document).ready(function(){

         registerForm'表单id

data回调数据

        $('#registerForm').ajaxForm(function(data){

            alert(data);//弹出ajax请求后的回调结果

        });

});

ajaxSubmit（）适用于以事件的机制以ajax提交form表单（超链接、图片的click事件），该方法作用与ajaxForm()类似，但它更为灵活，因为他依赖于事件机制，只要有事件存在就能使用该方法。你只需指定该form的action属性即可，不需要提供submit按钮。

$(document).ready(function(){

    $('#btn').click(function(){

            $('#registerForm').ajaxSubmit(function(data){

                alert(data);

            });

            return false;

    });

    });

该段代码作用是在表单中id为btn的按钮click事件触发时通过ajaxSubmit（）方法以ajax技术提交表单到表单的action所指路径

formSerialize（）是将一个form中所有的表单元素以name作为key，value作为值进行序列化操作，这就需要你必须为每一个表单元素设置表单元素name属性及填充表单元素value的值，最好也设置id方便jquery定位表单元素。若要使用此方法你必须设置表单元素name属性及填充表单元素value的值，我在初次使用时就忘了设置name属性，最后在同事的帮助下找了好久才发现此错误。

var str=$('#registerForm').formSerialize(); // registerForm为form id

alert(str);

fieldSerialize（）是将form中表单元素进行序列化以name作为key，value作为值进行序列化操作，这就需要你必须为每一个表单元素设置表单元素name属性及填充表单元素value的值。

var str=$('#username). fieldSerialize();

alert(str);

其他方法不做总结了，用的话大家在google上baidu一下相信会有很多令你满意的答案的。
   本文电子文档下载

来源：http://www.blogjava.net/sxyx2008/archive/2009/11/27/303877.html



强强 2010-08-03 12:10 发表评论
]]>JS-如何让两个DIV的高度隐式同步-用了JQuery http://www.blogjava.net/lyjjq/articles/327508.html强强强强Thu, 29 Jul 2010 15:08:00 GMThttp://www.blogjava.net/lyjjq/articles/327508.htmlhttp://www.blogjava.net/lyjjq/comments/327508.htmlhttp://www.blogjava.net/lyjjq/articles/327508.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/327508.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/327508.html"rightbar").style.height得到的是auto.



首发于:http://www.xfuse.cn



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档 </title>


  <SCRIPT LANGUAGE="JavaScript" src="http://code.jquery.com/jquery-latest.js"> </SCRIPT>


  <Script>


  </script>
</head>

<body>
<div>


  <div id=main style="float:left;width:600px; background:#ccc;">
  动态生成的内容，高度不定 <br>
  动态生成的内容，高度不定 <br>
  动态生成的内容，高度不定 <br>
  动态生成的内容，高度不定 <br>
  动态生成的内容，高度不定 <br>
  动态生成的内容，高度不定 <br>

  </div>
  <div id=rightbar style="float:right;width:300px; background:red; display:block">
  右边栏，内容比main少
  </div>
</div>
<script language="javascript">
window.onload=function(){

var he= $('#main').height();

$('#rightbar').height(he);

};
</script>
</html>
JS-如何让两个DIV的高度隐式同步-用了JQuery

强强 2010-07-29 23:08 发表评论
]]>使用prototype.js 中 Ajax.Updater 类引发的问题http://www.blogjava.net/lyjjq/articles/327421.html强强强强Thu, 29 Jul 2010 05:55:00 GMThttp://www.blogjava.net/lyjjq/articles/327421.htmlhttp://www.blogjava.net/lyjjq/comments/327421.htmlhttp://www.blogjava.net/lyjjq/articles/327421.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/327421.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/327421.html

 

(2006-11-24 18:10:00)
转载
  分类：AJAX
prototype.js是由Sam Stephenson写的一个javascript类库。在使用prototype.js的过程中，觉得挺好用的，它提供了一些常用函数的简写方式，对JavaScript类做了适当的扩展，最感兴趣的地方也是它的AJAX能力。
下面是我仿照 prototype.js开发者手册　用 prototype.js中的Ajax.Updater类做的一个简单的例子，当中遇到的一些问题及解决方法：
Index.jsp：
Contents.jsp：

注意到了 /* ...  */中的内容了吗？　在Index.jsp页面，在使用 new Ajax.Updater 函数时，加上了　evalScripts:true　属性，这样才会执行Content.jsp页面中的JavaScript代码。"但是值得提醒的是，像这个选项名 evalScripts 暗示的，这些脚本会被执行，但是它们不会加入到 page 脚本中",所以Content.jsp　中的函数写成了 sayHi = function(){...}这种形式(创建一个函数)，而不是 function sayHi(){...} (声明一个函数)　也不能加上var　关键字 var sayHi = function(){...}(当前脚本的一个局部变量),具体的解释可参考 prototype.js开发者手册。　我最想说的是下面这个问题，在Contents.jsp　页面中我们是导入了另外一个js(import.js)，并在sayHi函数中调用了import.js里的方法importFun(),运行过程中会发现被导入的import.js里的函数不能被执行，可是应该怎么办呢？？　呵呵，还好已经有人(我们公司以前的技术支持-foxty,现在在北京，我一直向他学习的)解决了，解决办法是在prototype.js的 evalScripts: function()加了一些内容，原来属性是这样的：evalScripts: function() {return this.extractScripts().map(eval);},增加内容后的代码片断如下所示：

中 Ajax.Updater 类引发的问题" alt="使用prototype.js 中 Ajax.Updater 类引发的问题" src="http://static12.photo.sina.com.cn/orignal/4b62e4a9bb5e011adcfcb" border=0 real_src="http://static12.photo.sina.com.cn/orignal/4b62e4a9bb5e011adcfcb">

相关内容可以访问　http://foxty.javaeye.com/blog/24497　这个网页查看。



强强 2010-07-29 13:55 发表评论
]]>prototype.js开发手册http://www.blogjava.net/lyjjq/articles/327420.html强强强强Thu, 29 Jul 2010 05:53:00 GMThttp://www.blogjava.net/lyjjq/articles/327420.htmlhttp://www.blogjava.net/lyjjq/comments/327420.htmlhttp://www.blogjava.net/lyjjq/articles/327420.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/327420.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/327420.html阅读全文

强强 2010-07-29 13:53 发表评论
]]>[总结]细线表格制作技巧－表格边框样式设置集锦 http://www.blogjava.net/lyjjq/articles/314722.html强强强强Sat, 06 Mar 2010 14:49:00 GMThttp://www.blogjava.net/lyjjq/articles/314722.htmlhttp://www.blogjava.net/lyjjq/comments/314722.htmlhttp://www.blogjava.net/lyjjq/articles/314722.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/314722.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/314722.html
关键字:细线表格 表格技巧 细线表格代码 CSS细线表格
摘要:看到不少朋友在问细线表格如何设置,虽然简单,偶还是总结一下拿出来,也方便新手学习。缺陷失误之处请大家指点.看的朋友如果有其他的实现方法,也希望能发布到这里,谢谢!

不知道怎么发布html执行后的样子，全是代码，真不直观，会的朋友指点下，谢谢！
暂时，可以先把下面的代码拷贝到记事本，保存，然后再修改扩展名为html，打开，这样看比较直观。

<style>
* { font-size:90%;}
font { color:#0000CC;}
</style>
<font>下面的细线表格是用cellspacing来实现的，用表格的背景色做为边框的颜色。</font>不方便的是每一行都要再设置一个背景色。
<table width="400" border="0" cellspacing="1" cellpadding="0"
 bgcolor="#000000">
  <tr bgcolor="#006600">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<br />
< font>下面的细线表格是设置bordercolordark来实现的</font>，因为默认的border其实宽度是2，即使设置为1也没用，bordercolorlight和bordercolordark一起作为表格的边框。所以设置其中一个为背景色，表格边框看起来就会细一些。
<table width="400" border="1" cellspacing="0" cellpadding="0"
bordercolor="#000000" bordercolordark="#FFFFFF">
  <tr bgcolor="#006600">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<br />
<font>下面的表格是用css来实现的。</font><br />
css技巧比较多，列举几种：
A：设置border="1"、bordercolor，再加上style="border-collapse:collapse;"。style里面的内容就是css。
<table width="400" border="1" bordercolor="#000000" cellspacing="0"
 cellpadding="0" style="border-collapse:collapse;">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<br />
B：这个用css来设置边框，结果只显示表格的最外层边线。里面的线不显示。
<table width="400" cellspacing="0" cellpadding="0"
style="border:#000000 1px solid;">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<br />
C: 如果你想要页面的所有表格都是细线表格，也不用一个一个去设置。因为这里是演示用，所以加上了id，你用的时候直接
 在head里面加上style标签，里面写 table {border-collapse:collapse;} td {border:#000000 1px solid;}，所有该页的table就都是细线了。
<style>
#tab1 {border-collapse:collapse;}
#tab1 td {border:#000000 1px solid;}
</style>
<table id="tab1" width="400">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<br />
<br />

<font>表格边框控制的其他方法(rules和frame)：</font><br />说明：<br />
1、这两个属性有时候设置会看不到作用，这是因为与表格边框的css设置冲突。所以说如果需要这些效果，并且还需要细线，那就用下面的方式来实现即设置这三个属性，border="1" bordercolor="#000000" style="border-collapse:collapse;"，然后再设置rules和frame，如果你测试到有其他的方法，希望能发布出来和大家共享。<br />
2、下面的效果只是我列举出来做演示用的，灵活设置这些属性可以做出更多效果。<br />
 rules="cols"的效果（中间的横线没有了）
<table width="400" border="1" bordercolor="#000000"
style="border-collapse:collapse;" rules="cols">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<br />
frame="void"的效果（外边线没有了）
<table width="400" border="1" bordercolor="#000000"
style="border-collapse:collapse;" frame="void">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<br />
rules和frame结合的效果(frame="hsides" rules="rows"，只留下横线)
<table width="400" border="1" bordercolor="#000000"
style="border-collapse:collapse;" frame="hsides" rules="rows">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>


强强 2010-03-06 22:49 发表评论
]]>js控制图片的显示最宽和最高值,取js对象的全部属性http://www.blogjava.net/lyjjq/articles/312408.html强强强强Tue, 09 Feb 2010 05:24:00 GMThttp://www.blogjava.net/lyjjq/articles/312408.htmlhttp://www.blogjava.net/lyjjq/comments/312408.htmlhttp://www.blogjava.net/lyjjq/articles/312408.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/312408.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/312408.html<html>
<head>
<script>


 

function allProps(obj){
    // 用来保存所有的属性名称和值
   var props = "";
 
    // 开始遍历
   if(typeof obj== "string"){
    props =obj;
   }else{
    if(obj!=null&& (typeof obj =="object")){
      for(var p in obj){
          // 方法
          if(typeof(obj[p])=="function"){ 
            
          }else{ 
              // p 为属性名称，obj[p]为对应属性的值
              props+= p + "=" + obj[p] + "\r\n";
          }
      }
    }
   }


    // 最后显示所有的属性
    alert(props);
}

//js控制图片的显示最宽和最高值
function drawImage(ImgId,maxwidth,maxheight){
 //本程序将图像控制在宽为maxwidth且高为maxheight的框内
 //ImgD是图像ID，maxwidth、maxheight是图像最大显示宽度和高度
 var ImgD=document.getElementById(ImgId);
 allProps(ImgD);
 var image=new Image();
 image.src=ImgD.src;
 var imgwidth=image.width;
 var imgheight=image.height;
 if(imgwidth>0 && imgheight>0 && maxwidth>0 && maxheight>0){
  if(imgwidth>maxwidth || imgheight>maxheight){
     if(imgwidth/imgheight>= maxwidth/maxheight){
       ImgD.width=maxwidth;
       ImgD.height=(imgheight*maxwidth)/imgwidth;
     }
     else{
      ImgD.height=maxheight;
      ImgD.width=(imgwidth*maxheight)/imgheight;
     }
  }else{
     ImgD.width=imgwidth;
     ImgD.height=imgheight;
  }
 }
}
</script>
</head>
<body>
 <img id="thisimage" src="http://d5.sina.com.cn/201101/31/283911_750-450.jpg">
 <script>
  drawImage('thisimage',80,80);
 </script>
</body>
</html>



强强 2010-02-09 13:24 发表评论
]]>js Mathhttp://www.blogjava.net/lyjjq/articles/309675.html强强强强Fri, 15 Jan 2010 05:02:00 GMThttp://www.blogjava.net/lyjjq/articles/309675.htmlhttp://www.blogjava.net/lyjjq/comments/309675.htmlhttp://www.blogjava.net/lyjjq/articles/309675.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/309675.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/309675.html   Math.round(x)：四舍五入。  
  Math.floor(x):比x小的最大值。  
  Math.round(x)返回long型，其余的返回double   型。

强强 2010-01-15 13:02 发表评论
]]>jquery选择器 http://www.blogjava.net/lyjjq/articles/309021.html强强强强Mon, 11 Jan 2010 06:41:00 GMThttp://www.blogjava.net/lyjjq/articles/309021.htmlhttp://www.blogjava.net/lyjjq/comments/309021.htmlhttp://www.blogjava.net/lyjjq/articles/309021.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/309021.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/309021.html

— 基本选择器

— $("#txt").css("background-color","red");

— 设置id为txt的元素

— $("p").css("background-color","blue");

— 设置p元素

— $(".myclass").css("background-color","yellow");

— 设置class为myclass的元素

— $(".myclass,#txt").css("background-color","gray");

— 设置class为myclass以及id为txt的元素

 

— 层次选择器

— $("#mydiv span").css("background-color","green");

— 设置mydiv所有span子孙元素

— $("#mydiv>span").css("background-color","pink");

— 设置mydiv所有span儿子元素

— $("#mydiv+span").css("background-color","pink");

— 设置mydiv后所有span兄弟元素

 

— 表单选择器

— $(":input").css("background-color","green");

— 设置所有表单元素

— $(":text").css("background-color","pink");

— 设置所有文本框

— $(":button").css("background-color","pink");

— 设置所有按钮

 

— 基本过滤器

— $(".class1:first").css("background-color","green");

— 设置所有class是class1的元素的第一项

— $(".class1:last").css("background-color","green");

— 设置所有class是class1的元素的最后一项

— $(".class1:even").css("background-color","green");

— 设置所有class是class1的元素的偶数项

— $(".class1:odd").css("background-color","green");

— 设置所有class是class1的元素的奇数项

— $(".class1:eq(3)").css("background-color","green");

— 设置所有class是class1的元素中下标为3的项

— $(".class1:gt(3)").css("background-color","green");

— 设置所有class是class1的元素中下标大于3的项

— $(".class1:lt(3)").css("background-color","green");

— 设置所有class是class1的元素中下标小于3的项

— $(".class1:not(p)").css("background-color","green");

— 设置所有class是class1的元素中不为p的项

 

— 属性过滤器

— $(".class1[id]").css("background-color","green");

— 设置所有class是class1的元素中具有id属性的项

— $(".class1[name='txt']").css("background-color","green");

— 设置所有class是class1的元素中name属性值为txt的项

— $(".class1[name!='txt']").css("background-color","green");

— 设置所有class是class1的元素中name属性值为txt的项

— $(".class1[name^='txt']").css("background-color","green");

— 设置所有class是class1的元素中name属性值以txt开头的项

— $(".class1[name$='txt']").css("background-color","green");

— 设置所有class是class1的元素中name属性值以txt结尾的项

— $(".class1[name*='txt']").css("background-color","green");

— 设置所有class是class1的元素中name属性值包含txt的项

— $(".class1[id][name='txt']").css("background-color","green");

— 设置所有class是class1的元素中有id属性并且name属性值为txt的项

 

— 表单过滤器

— $(":text:disabled").css("background-color","green");

— 设置所有禁用的文本框

— $(":button:enabled").css("background-color","green");

— 设置所有启用的按钮

— $(":checkbox:checked").css("background-color","green");

— 设置所有选中的复选框

 

— 内容过滤器

— $("div:contains('gcd') ").css("background-color","green");

— 设置所有包含gcd字符串的div

— $("div:has(p)").css("background-color","green");

— 设置所有包含段落的div

— $("td:empty").css("background-color","green");

— 设置所没有内容的单元格



强强 2010-01-11 14:41 发表评论
]]>javascript　取页面的各种宽度http://www.blogjava.net/lyjjq/articles/307126.html强强强强Thu, 24 Dec 2009 04:15:00 GMThttp://www.blogjava.net/lyjjq/articles/307126.htmlhttp://www.blogjava.net/lyjjq/comments/307126.htmlhttp://www.blogjava.net/lyjjq/articles/307126.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/307126.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/307126.html   {
      var s = "";
      s += " 网页可见区域宽："+ document.body.clientWidth;
      s += " 网页可见区域高："+ document.body.clientHeight;
      s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条得宽)";
      s += " 网页可见区域高："+ document.body.offsetHeight + " (包括边线得宽)";
      s += " 网页正文全文宽："+ document.body.scrollWidth;
      s += " 网页正文全文高："+ document.body.scrollHeight;
      s += " 网页被卷去得高(ff)："+ document.body.scrollTop;
      s += " 网页被卷去得高(ie)："+ document.documentElement.scrollTop;
      s += " 网页被卷去得左："+ document.body.scrollLeft;
      s += " 网页正文部分上："+ window.screenTop;
      s += " 网页正文部分左："+ window.screenLeft;
      s += " 屏幕分辨率得高："+ window.screen.height;
      s += " 屏幕分辨率得宽："+ window.screen.width;
      s += " 屏幕可用工做区高度："+ window.screen.availHeight;
      s += " 屏幕可用工做区宽度："+ window.screen.availWidth;
      s += " 你得屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
      s += " 你得屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
      alert (s);
  }
  function myunload(){   
   if((event.clientX>(window.screen.width-30)) && (event.clientY<0) ||event.altKey){
       DataLoad.src = 'http://"
   event.returnValue='感谢您的积极参与。';       
      }
  }
  

强强 2009-12-24 12:15 发表评论
]]>将收集的正则表达式归纳。以后持续跟进。http://www.blogjava.net/lyjjq/articles/304069.html强强强强Sat, 28 Nov 2009 17:32:00 GMThttp://www.blogjava.net/lyjjq/articles/304069.htmlhttp://www.blogjava.net/lyjjq/comments/304069.htmlhttp://www.blogjava.net/lyjjq/articles/304069.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/304069.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/304069.html匹配中文字符的正则表达式： [\u4e00-\u9fa5]
评注：匹配中文还真是个头疼的事，有了这个表达式就好办了

匹配双字节字符(包括汉字在内)：[^\x00-\xff]
评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）

字符串中只能输入汉字："^[\u4e00-\u9fa5]{0,}$"

评注：可以对汉字串进行验证

匹配空白行的正则表达式：\n\s*\r
评注：可以用来删除空白行

匹配HTML标记的正则表达式：< (\S*?)[^>]*>.*?|< .*? />
评注：网上流传的版本太糟糕，上面这个也仅仅能匹配部分，对于复杂的嵌套标记依旧无能为力

匹配首尾空白字符的正则表达式：^\s*|\s*$
评注：可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式

匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
评注：表单验证时很实用

匹配网址URL的正则表达式：[a-zA-z]+://[^\s]*
评注：网上流传的版本功能很有限，上面这个基本可以满足需求

匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
评注：表单验证时很实用

匹配国内电话号码：\d{3}-\d{8}|\d{4}-\d{7}
评注：匹配形式如 0511-4405222 或 021-87888822

匹配腾讯QQ号：[1-9][0-9]{4,}
评注：腾讯QQ号从10000开始

匹配中国邮政编码：[1-9]\d{5}(?!\d)
评注：中国邮政编码为6位数字

匹配身份证：\d{15}|\d{18}
评注：中国的身份证为15位或18位

匹配ip地址：\d+\.\d+\.\d+\.\d+
评注：提取ip地址时有用

匹配特定数字：
整数或者小数：^[0-9]+\.{0,1}[0-9]{0,2}$
只能输入数字："^[0-9]*$"。
只能输入n位的数字："^\d{n}$"。
只能输入至少n位的数字："^\d{n,}$"。
只能输入m~n位的数字：。"^\d{m,n}$"
只能输入零和非零开头的数字："^(0|[1-9][0-9]*)$"。
只能输入有两位小数的正实数："^[0-9]+(.[0-9]{2})?$"。
只能输入有1~3位小数的正实数："^[0-9]+(.[0-9]{1,3})?$"。
只能输入非零的正整数："^\+?[1-9][0-9]*$"。
只能输入非零的负整数："^\-[1-9][]0-9"*$。

只能输入非负整数(正整数+0):"^\d+$"　     或者  ^[1-9]\d*|0$
只能输入正整数："^[0-9]*[1-9][0-9]*$"  或者  ^[1-9]\d*$
只能输入非正整数(负整数+0)："^((-\d+)|(0+))$"  或者  ^-[1-9]\d*|0$
只能输入负整数："^-[0-9]*[1-9][0-9]*$"  或者 ^-[1-9]\d*$
只能输入整数："^-?\d+$"    或者 ^-?[1-9]\d*$

只能输入非负浮点数(正浮点数+0)："^\d+(\.\d+)?$"   或者  ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$
只能输入正浮点数："^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$"   或者  ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$

只能输入非正浮点数(负浮点数+0)："^((-\d+(\.\d+)?)|(0+(\.0+)?))$"　  或者  ^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$

只能输入负浮点数："^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"

或者 ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$
只能输入浮点数："^(-?\d+)(\.\d+)?$"  或者  ^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$

匹配特定字符串：
只能输入长度为3的字符："^.{3}$"。
只能输入由26个英文字母组成的字符串："^[A-Za-z]+$"。
只能输入由26个大写英文字母组成的字符串："^[A-Z]+$"。
只能输入由26个小写英文字母组成的字符串："^[a-z]+$"。
只能输入由数字和26个英文字母组成的字符串："^[A-Za-z0-9]+$"。

只能输入由数字、26个英文字母或者下划线组成的字符串："^\w+$"。


验证用户密码："^[a-zA-Z]\w{5,17}$"正确格式为：以字母开头，长度在6~18之间，只能包含字符、数字和下划线。
验证是否含有^%&',;=?$"等字符："[^%&',;=?$\x22]+"。
验证Email地址："^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$"。
验证InternetURL："^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$"。
验证电话号码："^(\(\d{3,4}-)|\d{3.4}-)?\d{7,8}$"正确格式为："XXX-XXXXXXX"、"XXXX-XXXXXXXX"、"XXX-XXXXXXX"、"XXX-XXXXXXXX"、"XXXXXXX"和"XXXXXXXX"。
验证身份证号（15位或18位数字）："^\d{15}|\d{18}$"。
验证一年的12个月："^(0?[1-9]|1[0-2])$"正确格式为："01"～"09"和"1"～"12"。
验证一个月的31天："^((0?[1-9])|((1|2)[0-9])|30|31)$"正确格式为；"01"～"09"和"1"～"31"。


在asp.net中使用RegularExpressionValidator控件，可以将正则表达式和asp.net控件结合起来。

例子：如何检查当TextBox设置为多行时是不是超长了？
<asp:RegularExpressionValidator id="revTextBox1" runat="server" ForeColor="Red" Display="Dynamic" ControlToValidate="textBox1" ValidationExpression="(\w|\W){1,100}">格式错误-只能输入不超过100个字符< /asp:RegularExpressionValidator>



强强 2009-11-29 01:32 发表评论
]]>几个button的css效果,看上去还不错http://www.blogjava.net/lyjjq/articles/302290.html强强强强Fri, 13 Nov 2009 15:37:00 GMThttp://www.blogjava.net/lyjjq/articles/302290.htmlhttp://www.blogjava.net/lyjjq/comments/302290.htmlhttp://www.blogjava.net/lyjjq/articles/302290.html#Feedback0http://www.blogjava.net/lyjjq/comments/commentRss/302290.htmlhttp://www.blogjava.net/lyjjq/services/trackbacks/302290.html .btn { BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid } .btn1_mouseout { BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid } .btn1_mouseover { BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid } .btn2 {padding: 2 4 0 4;font-size:12px;height:23;background-color:#ece9d8;border-width:1;} .btn3_mouseout { BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid } .btn3_mouseover { BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid } .btn3_mousedown { BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #FFE400 1px solid } .btn3_mouseup { BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid } .btn_2k3 { BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); BORDER-LEFT: #002D96 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #002D96 1px solid }

 

下载



强强 2009-11-13 23:37 发表评论
]]>