=========================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
------------------------------------检测浏览器版本------------------------------------------------
<script type="text/javascript">
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
if (window.ActiveXObject){
Sys.ie = ua.match(/msie ([\d.]+)/)[1]
}
else if (document.getBoxObjectFor){
Sys.firefox = ua.match(/firefox\/([\d.]+)/)[1]
}
else if (window.MessageEvent && !document.getBoxObjectFor)
{
if(/firefox/.test(ua.toString())){
Sys.firefox = ua.match(/firefox\/([\d.]+)/)[1]
}
if(/chrome/.test(ua.toString())){
Sys.chrome = ua.match(/chrome\/([\d.]+)/)[1]
}
}
else if (window.opera){
Sys.opera = ua.match(/opera.([\d.]+)/)[1]
}
else if (window.openDatabase){
Sys.safari = ua.match(/version\/([\d.]+)/)[1];
}
//以下进行测试
if(Sys.ie) document.write('IE: '+Sys.ie);
if(Sys.firefox) document.write('Firefox: '+Sys.firefox);
if(Sys.chrome) document.write('Chrome: '+Sys.chrome);
if(Sys.opera) document.write('Opera: '+Sys.opera);
if(Sys.safari) document.write('Safari: '+Sys.safari);
</script>
------------------------------------检测浏览器版本------------------------------------------------
相关推荐
JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS...
Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的...
整个框架,除了jquery,没有依赖其他第三方类库; 2、绝不过度设计。简单、易学、易上手是这套框架对自己的定位。 3、从实战出发,提供了 cms/sns/forum 等大型系统的示例,经过了全面的实战检验;不像其他一些框架...
利用Ext-js桌面框架 数据库连接类:TDB,按需连接,销毁自动断开连接 记录集代理类:支持分页,排序功能 无组件上传类:TUpload,支持多文件与表单内容同时提交 系统函数类:TSystem,包含常用函数功能,正则替换... ...
本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...
本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...
11.3 常用表单数据的验证方法 177 11.3.1 姓名验证 177 11.3.2 日期验证 177 11.3.3 E-mail地址验证 178 11.3.4 密码字段的验证 178 11.3.5 改进的用户信息输入程序 178 11.4 URL编码解码函数 181 11.4.1 编码字符串...
JavaScript.js jQuery.js Windows\Bat.sh 批处理学习笔记 _util\bat\... 批处理工具 _util\c#\... c#常用函数 _util\ ... java常用函数 _util\js\... js常用函数 _util\python\... python常用函数
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...
JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接...