日期:2014-05-16  浏览次数:20467 次

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