`

js,JQury使用的笔记

 
阅读更多

js,JQury使用的笔记

一、异步调用


  var url= js+'CostAnalysis/selectCostSaleStyleState.do';

  var content = {costID:costID,saleID:saleid,styleID:styleid};

  $.post(url,content, function(data){

if(data.result){

}else{

$.messager.alert('提示','修改数据失败',"warning");

}

 },'json')

 java 后台取值：

Integer costID=Integer.valueOf(request.getParameter("costID"));

二、js监听按键

onkeydown="javascirpt:return checkNumberLength(event,false,'price')"

  var e = window.event || event; 

  var target = e.srcElement || e.target;   

  var k = e.keyCode; //按键的code值

  var v = target.value;  //获取input的值；

 

$(document).keydown(function(e){

var curKey = e.which;

if(curKey == 13){

 }

        });

 

三、JS事件大全

一般事件 事件 浏览器支持 描述 

onClick IE3|N2|O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击 

onDblClick IE4|N4|O 鼠标双击事件 

onMouseDown IE4|N4|O 鼠标上的按钮被按下了 

onMouseUp IE4|N4|O 鼠标按下后，松开时激发的事件 

onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 

onMouseMove IE4|N4|O 鼠标移动时触发的事件 

onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件 

onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] 

onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] 

onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象] 


页面相关事件 事件 浏览器支持 描述 

onAbort IE4|N3|O 图片在下载时被用户中断 

onBeforeUnload IE4|N|O 当前页面的内容将要被改变时触发的事件 

onError IE4|N3|O 捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误 

onLoad IE3|N2|O3 页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成 

onMove IE|N4|O 浏览器的窗口被移动时触发的事件 

onResize IE4|N4|O 当浏览器的窗口大小被改变时触发的事件 

onScroll IE4|N|O 浏览器的滚动条位置发生变化时触发的事件 

onStop IE5|N|O 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断 

onUnload IE3|N2|O3 当前页面将被改变时触发的事件 


表单相关事件 事件 浏览器支持 描述 

onBlur IE3|N2|O3 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可] 

onChange IE3|N2|O3 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可] 

onFocus IE3|N2|O3 当某个元素获得焦点时触发的事件 

onReset IE4|N3|O3 当表单中RESET的属性被激发时触发的事件 

onSubmit IE3|N2|O3 一个表单被递交时触发的事件 


滚动字幕事件 事件 浏览器支持 描述 

onBounce IE4|N|O 在Marquee内的内容移动至Marquee显示范围之外时触发的事件 

onFinish IE4|N|O 当Marquee元素完成需要显示的内容后触发的事件 

onStart IE4|N|O 当Marquee元素开始显示内容时触发的事件 


编辑事件 事件 浏览器支持 描述 

onBeforeCopy IE5|N|O 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件 

onBeforeCut IE5|N|O 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件 

onBeforeEditFocus IE5|N|O 当前元素将要进入编辑状态 

onBeforePaste IE5|N|O 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件 

onBeforeUpdate IE5|N|O 当浏览者粘贴系统剪贴板中的内容时通知目标对象 

onContextMenu IE5|N|O 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了] 

onCopy IE5|N|O 当页面当前的被选择内容被复制后触发的事件 

onCut IE5|N|O 当页面当前的被选择内容被剪切时触发的事件 

onDrag IE5|N|O 当某个对象被拖动时触发的事件 [活动事件] 

onDragDrop IE|N4|O 一个外部对象被鼠标拖进当前窗口或者帧 

onDragEnd IE5|N|O 当鼠标拖动结束时触发的事件，即鼠标的按钮被释放了 

onDragEnter IE5|N|O 当对象被鼠标拖动的对象进入其容器范围内时触发的事件 

onDragLeave IE5|N|O 当对象被鼠标拖动的对象离开其容器范围内时触发的事件 

onDragOver IE5|N|O 当某被拖动的对象在另一对象容器范围内拖动时触发的事件 

onDragStart IE4|N|O 当某对象将被拖动时触发的事件 

onDrop IE5|N|O 在一个拖动过程中，释放鼠标键时触发的事件 

onLoseCapture IE5|N|O 当元素失去鼠标移动所形成的选择焦点时触发的事件 

onPaste IE5|N|O 当内容被粘贴时触发的事件 

onSelect IE4|N|O 当文本内容被选择时的事件 

onSelectStart IE4|N|O 当文本内容选择将开始发生时触发的事件 


数据绑定 事件 浏览器支持 描述 

onAfterUpdate IE4|N|O 当数据完成由数据源到对象的传送时触发的事件 

onCellChange IE5|N|O 当数据来源发生变化时 

onDataAvailable IE4|N|O 当数据接收完成时触发事件 

onDatasetChanged IE4|N|O 数据在数据源发生变化时触发的事件 

onDatasetComplete IE4|N|O 当来子数据源的全部有效数据读取完毕时触发的事件 

onErrorUpdate IE4|N|O 当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件 

onRowEnter IE5|N|O 当前数据源的数据发生变化并且有新的有效数据时触发的事件 

onRowExit IE5|N|O 当前数据源的数据将要发生变化时触发的事件 

onRowsDelete IE5|N|O 当前数据记录将被删除时触发的事件 

onRowsInserted IE5|N|O 当前数据源将要插入新数据记录时触发的事件 

数据绑定 事件 浏览器支持 描述 

onAfterPrint IE5|N|O 当文档被打印后触发的事件 

onBeforePrint IE5|N|O 当文档即将打印时触发的事件 

onFilterChange IE4|N|O 当某个对象的滤镜效果发生变化时触发的事件 

onHelp IE4|N|O 当浏览者按下F1或者浏览器的帮助选择时触发的事件 

onPropertyChange IE5|N|O 当对象的属性之一发生变化时触发的事件 

onReadyStateChange IE4|N|O 当对象的初始化属性值发生变化时触发的事件

 

三、js 日期的计算

var todayDate = new Date();

  var tomorrowDay=new Date(todayDate.valueOf()+1000*3600*24);

  var tomorrow=tomorrowDay.getFullYear()+'-'+(tomorrowDay.getMonth()+1)+'- '+tomorrowDay.getDate();

var today=myDate.getFullYear()+'-'+(myDate.getMonth()+1)+'-'+myDate.getDate();

 

将string型的数据转化成Date

 

JS 怎样把 String 转成 Date ， "2008-12-2" 转成原来的 new Date()型

var   s   =   "2008-12-2";   

var   d   =   new   Date(Date.parse(s.replace(/-/g,   "/")));

 

四、JQuery 取得Iframe子界面中的元素和调用子界面中的方法

1.$(window.frames["content"].document).find("#parentID").val(node.id);

其中content是iframe的name

parentID 是 iframe子界面中元素的方法

2.window.frames["content"].reloadTable();

其中reloadTable是iframe子界面的全局方法

 

五、JQueryIframe子界面调用父界面的方法

window.parent.update(rowData);

其中 update是父界面的全局方法

 

 

 

分享到：
| Struts2.3.1官方文档学习笔记
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Jqury类库使用Jqury方便使用

    10. **$.extend()与$.fn.extend()**：`.extend()`用于合并对象，`.fn.extend()`则用于扩展jQuery对象的方法，使得自定义功能可以像内置方法一样使用。 jQuery以其易用性和强大的功能，成为了前端开发者的得力工具。...

    jqury高级使用手册

    jQuery 是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互。本手册将深入探讨jQuery的高级用法，帮助开发者更高效地利用这个强大的工具。 1. **选择器**: jQuery 的核心功能...

    jqury使用查询文档

    **jQuery使用查询文档详解** jQuery是一款非常流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。对于初学者来说，jQuery提供了一种更简单、更直观的方式来操作DOM（Document Object Model...

    JQury中文API和JS代码库

    虽然jQuery提供了一套完整的API，但在某些场景下，直接使用原生JavaScript可能更高效。理解何时和如何结合两者是提升性能的关键。例如，对于大规模的DOM操作，原生的`NodeList.forEach()`可能比jQuery的`each()`更快...

    jQury-DOM篇学习笔记

    总结来说，jQuery提供了一套丰富的API来处理DOM操作，使得在JavaScript中操作HTML变得简单高效。无论是创建、插入还是删除节点，jQuery都提供了简洁的语法和多种选择，以适应不同的场景需求。理解并熟练掌握这些方法...

    jquery-1.11.1.js+jqury.json.2.4.js.rar

    标题中的"jquery-1.11.1.js+jqury.json.2.4.js.rar"表明这是一个包含两个JavaScript文件的压缩包，它们分别是"jquery-1.11.1.js"和"jqury.json.2.4.js"，并且它们被打包在RAR格式的文件里。RAR是一种常见的文件压缩...

    简单的Jqury图片轮播效果

    **jQuery图片轮播效果**是一种常见的网页动态展示技术，它通过使用JavaScript库jQuery来实现图片的自动切换，为用户带来视觉上的连续性与吸引力。在网页设计中，这种功能经常被用于产品展示、幻灯片或者首页焦点图等...

    jqury教材（培训班）

    培训班老师给的教材，jqury教材，w3c帮助文档，jquryAPI中文文档，ppt等等

    json转换jqury

    它基于JavaScript的一个子集，采用了一种类似于JavaScript对象字面量的语法结构。在现代Web开发中，JSON被广泛应用于客户端与服务器之间的数据传递。 #### jQuery简介 jQuery是一个快速、简洁的JavaScript库，极大...

    ccs，html，javascript，jqury手册

    它的目标是使JavaScript编程变得简单，提供了一套丰富的API供开发者使用。例如，使用`$(selector).action()`语法，可以方便地选择元素并执行操作，如`$("#myDiv").hide()`用于隐藏ID为"myDiv"的元素。jQuery还封装了...

    最简单好用的jqury浮动代码

    4. **使用jQuery插件**：有时候，开发者会创建自己的插件来封装复杂的浮动逻辑，例如，`float.js`可能就是一个这样的插件，它可能包含了自动吸附、动态定位、响应式布局等功能。 在实际应用中，我们还需要考虑...

    Jqury选项卡

    在本项目中，"Jqury做的选项卡"表明我们使用了jQuery这个强大的JavaScript库来实现选项卡功能。jQuery以其简洁的API和广泛的浏览器兼容性而广受欢迎。 首先，让我们了解一下jQuery选项卡的基本原理。通常，选项卡由...

    jqury前端插件

    jQuery 是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互，从而提高了前端开发的效率。这个压缩包文件“jqury前端插件”包含46款优秀的前端插件，旨在进一步提升开发者的开发...

    jqury多种滚动十分好用

    3. 示例代码或演示：可能包含HTML和JavaScript文件，展示了如何在实际项目中集成并使用`jCarousel`。 4. 图片资源：可能包括箭头、指示器或其他与滚动效果相关的图像。 5. 文档：可能有README文件或文档目录，解释了...

    jqury 验证码的js.zip

    在这个“jqury 验证码的js.zip”压缩包中，包含了一个利用jQuery实现验证码功能的JavaScript代码示例。验证码是网络安全的重要组成部分，通常用于验证用户是否为真人，防止自动化的机器人或恶意软件进行操作。 ...

    jqury-api jQueryAPI1.4

    jQuery API 1.4是jQuery库的一个重要版本，它提供了丰富的文档和功能，使得JavaScript开发者能够更加高效地操作网页DOM（文档对象模型），处理事件，进行动画效果，并进行Ajax交互。下面将详细介绍jQuery API 1.4中...

    炫酷的JQury代码（源码）

    在IT行业中，jQuery是一款非常流行的JavaScript库，它极大地简化了JavaScript的DOM操作，动画效果以及AJAX交互。这个“炫酷的jQuery代码（源码）”项目，显然旨在展示jQuery如何与HTML（尤其是DIV元素）和CSS相结合...

    JQury资料大全query全套

    收集了jquery的一些有价值的资料,包括jquery api文档,jquery face,jq 表单验证,jq startkit ,jquery远程获取Json数据demo,jquery-api-browser,DialogDemo,dateselector,asp.net ajax json的一个资料，都是网上收集的...

    毕设&课设&项目&实训-深圳大学信息工程学院新院网, 基于javascript jqury php typecho.zip

    【项目资源】： 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发...有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。

    用JQury实现的缩略图放大图片特效

    本文将详细介绍如何使用JQuery库来实现这一功能，并探讨相关技术要点。 首先，JQuery是一个轻量级、功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。在实现图片放大特效时，JQuery...

Magicbox
Global site tag (gtag.js) - Google Analytics