DDWF_NOTES_3

1.<div>元素位置浮动,连续英文字母自动换行,圆形边角,背景颜色,相对位置:
<div id="" style="position:fixed;left:700px;top:200px;width:180px;background-color:#EEFFBB;word-wrap:break-word;word-break:break-all;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;"></div>
-------------------------------------------
2.EasyUI多个按钮同属一类,只能选其中一个按钮:
data-options="toggle:true,group:'g1'"
-------------------------------------------
3.兼容FireFox和IE浏览器的获得window.event的方法:
function getEvent(){  
  if(document.all)
  return window.event;    
  func=getEvent.caller;        
  while(func!=null){  
  var arg0=func.arguments[0];
     if(arg0){
       if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation))
       {  
          return arg0;
        }
        }
          func=func.caller;
        }
        return null;
        }
获得鼠标位置函数:
function mouseCoords(ev){
      if(ev.pageX || ev.pageY){
         return {x:ev.pageX, y:ev.pageY};
      }
      return {
       x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
       y:ev.clientY + document.body.scrollTop - document.body.clientTop};
        }
调用时例子:
var ev = getEvent();
var mousePos = mouseCoords(ev);
$("#id").css({left:mousePos.x,top:mousePos.y,});
-------------------------------------------
4.onmouseover和onmouseout闪烁问题:
方法一:
var sto;
function showMsg(dataIndex){
  $("#msgDialog").show();             
  clearTimeout(aa);
}        
function closeMsg(){
  sto = setTimeout(hide,10000000);
}
function hide(){
  $("#msgDialog").hide();
}
<div style="cursor:pointer;" onmouseover="showMsg()" onmouseout="closeMsg()"></div>//鼠标移入移出区域

<div id="msgDialog" style="position: fixed;"></div>//需要隐藏显示区域
方法二:onmouseover->onmouseenter、onmouseout->onmouseleave;
-------------------------------------------
5.JavaScript的join(separator)方法:
将数组中元素放入一个字符串,各元素是通过指定的分隔符(separator)进行分隔,可以使"";
-------------------------------------------
6.谷歌浏览器跨域访问:
--allow-file-access-from-files --disable-web-security
-------------------------------------------
7.sql语句中id位数超出范围:
方法一:concat(table.id,'') id//原理:变成字符串
方法二:cast(table.id AS CHAR(20)) id//原理:变成字符串
-------------------------------------------
8.EasyUI计算表格中各列的值:
原理:初始化表格后,计算各列值,动态添加合计行
function initDataGrid(){
  $("#dataGrid").datagrid({
  onLoadSuccess: compute,//配置,加载完毕后执行计算函数
});
}
//加载完成后计算函数
function compute(){
  var rows = $('#dataGrid').datagrid('getRows')//获取当前的数据行
  var f1 = 0//求file1列总和
  for(var i = 0,le = rows.length; i < le;i++){
      f1 += rows[i]['file1'];
  }
  //新增一行显示合计信息
  $('#scsDatagrid').datagrid('appendRow',{file1:'<b>合计:</b>'});
}
-------------------------------------------
9.JavaScript中:
num.toFixed(2)//保留俩位小数,结果变为字符串
parseFloat(num.toFixed(2))//将字符串变为数字类型
-------------------------------------------
10.谷歌浏览器调试手机apk网址:
chrome://inspect/#devices
-------------------------------------------
11.SQL语句中:
SUBSTRING_INDEX(str,delim,count)//返回表中字符串分割符前后的子串
SELECT SUBSTRING_INDEX('www.baidu.com.', '.',1)//左边起,返回第一个分隔符左边子串-->'www'
SELECT SUBSTRING_INDEX('www.baidu.com', '.',-1)//右边起,返回第一个分隔符右边子串-->'com'
-------------------------------------------
12.JavaScript对数组去重:
Array.prototype.unique = function(){
  var res = [], hash = {};
  for(var i=0, elem; (elem = this[i]) != null; i++)  {
    if (!hash[elem]){
      res.push(elem);
      hash[elem] = true;
    }
  }
  return res;
}
-------------------------------------------
13.设置日期为当前日期加一天的日期:
now_date.setDate(now_date.getDate() + 1);
-------------------------------------------
14.得到俩个日期之间的全部时间:
function show(value1,value2,style){
  if(value1==value2){
    var dateArr=[];
    dateArr[0]=value1;
    return dateArr;
  }
  var getDate=function(str){
    var tempDate=new Date();
    var list=str.split("/");
    tempDate.setFullYear(list[0]);
    tempDate.setMonth(list[1]-1);
    tempDate.setDate(list[2]);
      return tempDate;
  }
  var date1=getDate(value1);
  var date2=getDate(value2);
    if(date1>=date2){
      var tempDate=date1;
      date1=date2;
      date2=tempDate;
    }
  date1.setDate(date1.getDate()+1);
  var dateArr=[];
  var flag=1;
  dateArr[0]=value1;
  while(!(date1.getFullYear()==date2.getFullYear()&&date1.getMonth()==date2.getMonth()&&date1.getDate()==date2.getDate())){
    var m=date1.getMonth()+1;
    var d=date1.getDate();
    if(m<10){
      m="0"+m;
    }
    if(d<10){
      d="0"+d;
    }
    dateArr[flag]=date1.getFullYear()+"/"+m+"/"+d;
    date1.setDate(date1.getDate()+1);
      flag++;
  }
  dateArr[flag]=value2;
  return dateArr;        
}
-------------------------------------------
15.得到俩个日期之间的星期(用到获得俩个日期之间的全部日期方法):
function showWeek(value1,value2){
  var weekArr=[];
  var flag=0;
  var weekFlag=0;
  var startDate=value1;
  var endDate="";
  var dateArr=show(value1,value2);
  var w=new Date(value1).getDay();//结果始终为0,1,2,3,4,5,6
  for(var i=0;i<dateArr.length;i++){
    if(w%7==1){
      startDate=dateArr[flag];
    }
    if(w%7==0 || i==dateArr.length-1){
      endDate=dateArr[flag];
      weekArr[weekFlag]=startDate+"-"+endDate;
      weekFlag++;
    }
    flag++;
    w++;
  }
    return weekArr;
}
-------------------------------------------
16.java后台读取json数据:
import net.sf.json.JSONObject;
import com.google.gson.Gson;
List data//数据库查询结果
Gson gson = new Gson();
String result = gson.toJson(data.get(i));//格式化为json格式的字符串
JSONObject jsonObj  = new JSONObject().fromObject(result);//json对象
jsonObj.getString("key");//java后台获取json对象值
-------------------------------------------