`
除了你无可取代
  • 浏览: 148556 次
  • 性别: Icon_minigender_1
  • 来自: 悲鸣洞穴
社区版块
存档分类
最新评论

js类库 一些常用方法记录

    博客分类:
  • 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

 


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

<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常用类库.rar

    总之,封装JavaScript类库是提升开发效率、保证代码质量的重要手段。合理使用这些类库,能够帮助开发者更专注于业务逻辑,而不是基础功能的实现。通过学习和使用这些封装好的类库,开发者可以更好地遵循最佳实践,写...

    .NET Framework 4类库大全

    ### .NET Framework 4类库概述 .NET Framework 4 是微软发布的一个重要的开发平台,它为开发者提供了大量的类库和工具来构建各种类型的应用程序,包括桌面应用、Web 应用和服务等。本文将详细介绍《.NET Framework ...

    开发中丰富的公共类库下载

    Lodash(JavaScript)提供便捷的数据操作方法。 2. 网络请求类库:如requests(Python)进行HTTP请求;Axios(JavaScript)用于异步请求处理。 3. 前端框架:React(JavaScript)用于构建用户界面;Vue.js...

    Android SDK类库

    8. **android.app**:此包定义了一些基础的应用生命周期管理和组件活动控制的方法。例如Activity、Service、BroadcastReceiver等都是在此基础上构建的。 9. **android.provider**:为应用提供了一种标准的方式来访问...

    c# 经典类库.rar

    "c# 经典类库.rar"这个压缩包文件很可能包含了由一位资深C#开发者整理的常用工具类和实用方法,供社区分享和学习。 Seaskyer 和 Seaskyer.WebApp.Utility 作为压缩包中的子文件夹,可能分别代表了通用类库和Web应用...

    Aleppo提供一些采用JavaScript编写的一些常用工具类

    在JavaScript开发过程中,工具类(Utility Classes)是程序员经常使用的代码模块,它们包含了一系列静态方法,可以方便地处理各种常见的编程任务。"Aleppo"项目就是这样一个资源库,它为开发者提供了一些用...

    ASP.NET中常用输出JS脚本的类

    本文将详细介绍一个用于在ASP.NET应用程序中输出JavaScript脚本的实用类库,包括该类库中的几个常用方法及其应用场景。 #### Alert 方法 **概述:** `Alert` 方法用于在当前页面上显示一个带有指定消息的警告框。...

    php常用工具类

    以下是一些在PHP项目中常用的工具类及其相关知识点: 1. **JS 弹窗与跳转** 在前端开发中,我们经常需要在用户操作后显示提示信息并执行页面跳转。一个简单的JavaScript工具函数可以实现这个功能,例如: ```...

    java 常用api大全

    这些API文档是开发者日常编程中不可或缺的参考资料,它们提供了详细的类库说明、方法解释以及示例代码,帮助开发者理解和使用Java平台的各种功能。 首先,JDBC(Java Database Connectivity)是Java访问数据库的...

    详解swipe使用及竖屏页面滚动方法

    Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的...

    java常用api

    以下将详细阐述Java API的一些关键部分,以及与标题和描述相关的其他技术,如SQL、JUnit和JavaScript。 1. **Java API**: Java API是Java开发工具包(JDK)的核心组成部分,包含了大量预定义的类和接口。主要分为...

    jquery常用收集

    当有其他类库或自定义方法与 jQuery 冲突时,可以使用 `$.noConflict()` 方法释放 `$` 符号,避免命名空间冲突。 **10. jQuery Validate 插件** jQuery Validate 是一个强大的表单验证插件,提供丰富的验证规则和...

    我记录 内容管理系统 CMS源码

    整个框架,除了jquery,没有依赖其他第三方类库; 2、绝不过度设计。简单、易学、易上手是这套框架对自己的定位。 3、从实战出发,提供了 cms/sns/forum 等大型系统的示例,经过了全面的实战检验;不像其他一些框架...

    ASP纯OOP编程之仿DOM类库编写进销存系统

    利用Ext-js桌面框架 数据库连接类:TDB,按需连接,销毁自动断开连接 记录集代理类:支持分页,排序功能 无组件上传类:TUpload,支持多文件与表单内容同时提交 系统函数类:TSystem,包含常用函数功能,正则替换... ...

    精通JS脚本之ExtJS框架.part1.rar

    本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...

    精通JS脚本之ExtJS框架.part2.rar

    本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...

    常用jar包.zip

    在Java开发中,`jar`(Java Archive)文件是用于打包和分发Java类库的容器,它将多个类文件和其他资源打包成一个单一的文件,便于管理和部署。本压缩包"常用jar包.zip"中包含了一系列在Java开发中常用的库,这些库...

    ASP.NET c# 封装常用到的js通用函数

    因此,将常用的JavaScript函数封装在ASP.NET和C#中,可以极大地提高开发效率,简化代码,实现前后端的无缝衔接。下面,我们将详细解析几个关键的封装函数及其应用场景。 ### 客户端打开窗口:`OpenWindow` 此函数...

    常用的java的jar包

    以下是对标题和描述中提到的一些常用Java jar包的详细解释: 1. **json**: JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。Java中处理JSON的库有很...

Global site tag (gtag.js) - Google Analytics