js类库 一些常用方法记录

=========================json2.js
JSON.stringify(OBJ) toString
JSON.parse(string)  toObj
============jquery=======加载方式
$(document).ready(function() {
});
就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。
简写方式
$(function(){
});
----------------------------动态加载JS可以用
var s = document.createElement("script");
 s.type = "text/javascript";
 s.src = path;
 var head = document.getElementsByTagName("head")[0];
 head.appendChild(s);
----------------------------jQuery Ajax
后台如果是对象接受 前台参数 应该是  "bean.value":value
$.ajax({
 type : "POST",
 url : "../../kpiBlockDef/getBlockTitle.action",
 data : {cycle:this.cycle,typeId:this.typeId},// 如果数据少  也可以拼接  "&id="+id+"&name="+name,
 dataType : "JSON",//返回类型
 async : false,//true 异步 false 同步
 success : function(data) {
  kpiShow.configGeneral = $.parseJSON(data);
  kpiShow.configData = kpiShow.configGeneral[0].titles;
  kpiShow.typeId = kpiShow.configGeneral[0].typeId;
  kpiShow.showDataNum_now = null;
  kpiShow.havRefreshData = false;
  kpiShow.showDataNum_max = null;
  kpiShow.havRefreshData_frist = false;
 }
 });
 ----------------------------

 1. jquery在iframe子页面获取父页面元素代码如下:
$("#objid",parent.document)

2. jquery在父页面获取iframe子页面的元素
代码如下:
$("#objid",document.frames('iframename').document)

3.js在iframe子页面获取父页面元素代码如下:
indow.parent.document.getElementByIdx_x("元素id");

4.js在父页面获取iframe子页面元素代码如下:
window.frames["iframe_ID"].document.getElementByIdx_x("元素id");

5.子类iframe内调用父类函数:
window.parent.func();

====================================dom==================
单选选中


var someFunction = function (){
 //块级作用域
}
someFunction();
function MyObject (){
 
 //私有变量
 var privateVariable =  10;
 //私有函数
 function privateFunction (){
  return false;
 }

}
(function(){
 
 //私有变量
 var privateVariable =  10;
 //私有函数
 function privateFunction (){
  return false;
 }
 //构造函数
 MyObject = function (){
 }
 //公有特权方法
 MyObject.prototype.publicMethod = function(){
  privateVariable++;
  return privateFunction();
 }
 
})();


=====================正则替换
dataCd_limit.cycle,dataCd_limit.dataCd.replace(/\-/g,'')

正则获取 url 某个字段的值
返回[{tableCode=xxx][tableCode=xxx] 两个
verifyConfig.tableCode =  /(tableCode=[a-zA-Z\d\_]*)/g.exec(window.location.search)[0].replace("tableCode=","");


===========================change 

$("#select").change(function(){
        verifyConfig.procedure = $(this).val();
})

-======================单选框操作 获取单选框的值
var manualState = $("input[name=rbtnl]:checked").val();

$('radio').attr('CHECKED','CHECKED')

======================================================ligerui
dsoss  reportVerrify.js

grid = $("#maingrid").ligerGrid({
        url: "../../verify/verify/getResults.action",
        columns: {},
        parms: param,//查询参数
        pageSize:10,//每页条数
        page:1,  //当前页数
        width: '98%',
        height:'320px',
        pageSizeOptions: [10,20, 30,50], //分页其余条数
        usePager:true
    });

grid.changePage('first'); 改变页数为第一页
获取舒适化后的 属性 pagesize = grid.options["pageSize"] 注意默认传给后台是 pagesize 全小写

 

 

 

 

 

 


====================jquery ui ===========================
---------------draggable-------
http://blog.sina.com.cn/s/blog_48474ade0100exfg.html
addClasses : false

$( ".selector" ).draggable({ appendTo: "body" });  

$( ".selector" ).draggable({ axis: "x" });// 在x轴可拖动

$( ".selector" ).draggable({ cancel: ".title" });// 禁止拖动

$( ".selector" ).draggable({ connectToSortable: "#my-sortable" }); // 在一个有序的列表内可拖动  ul ui 这种  参考demo:sortable.html

$( ".selector" ).draggable({ containment: "parent" });//制定拖动范围 "parent", "document", "window"

$( ".selector" ).draggable({ cursor: "crosshair" });//拖动时候 光标形状

$( ".selector" ).draggable({ cursorAt: { left: 5 } }); //{ top, left, right, bottom }.  拖动时候鼠标效果  相对于helper的偏移量   visual-feedback.html

$( ".selector" ).draggable({ delay: 300 });//延迟 300毫秒开始拖动 放置意外点击拖动

$( ".selector" ).draggable({ disabled: true });//禁止拖动

$( ".selector" ).draggable({ distance: 10 });// 在鼠标在 目标区域 拖动 10个像素后 触发拖动方法   放置意外拖动事件

$( ".selector" ).draggable({ grid: [ 50, 20 ] });//  [ x, y ]  每一次拖动 最小移动的距离

$( ".selector" ).draggable({ helper: "clone" });// 拖动助手 跟随显示

$( ".selector" ).draggable({ iframeFix: true });// 设置true拖动效果可以再页面 iframe 上面?  配合 cursorAt

$( ".selector" ).draggable({ opacity: 0.35 });//透明度

$( ".selector" ).draggable({ revert: true });//鼠标 投下后  元素会返回初始位置 revert: invalid 同 true  返回  valid 同 false 不返回

$( ".selector" ).draggable({ revertDuration: 200 });//还原时间

-------------Droppable Widget

 


------------------------------------检测浏览器版本------------------------------------------------


------------------------------------检测浏览器版本------------------------------------------------

你可能感兴趣的:(js)