Welcome 微信登录

首页 / 脚本样式 / JavaScript

多种方式实现JS调用后台方法进行数据交互

多种方式实现JS调用后台方法进行数据交互

项目开发过程中很多地方都需要前端和后台的数据交互,几种典型常用的方法如利用控件的AutopostBack属性、Button提交表单等等。但这些都是有条件的,AutoPostBack具有实时性但会刷新页面,Button提交表单不能实现数据交互的实时性。当然说到前台与后台的数据交互更不能漏掉ajax,ajax实现前台与后台数据的异步交互,并且保证实时的、局部刷新。但有些数据不需要异步交互,例如当交互的数据是下一步执行的条件时,就必须要等到数据前台与后台数据交互...
javaScript面向对象继承方法经典实现

javaScript面向对象继承方法经典实现

JavaScript的出现已经将近20多年了,但是对这个预言的褒贬还是众说纷纭。很多人都说JavaScript不能算是面向对象的变成语言。但是JavaScript的类型非常松散,也没有编译器。这样一来给了程序员很大的自由,也带来了一些缺陷。 虽然JavaScript不算是一门面向对象的语言。但是我们可以模仿着其他语言实现面向对象的方式来实现JavaScript的面向编程。 下面是JavaScript教程中非常经典的继承方法。 复制代码 代码如下: //定义...
jquery ready(fn)事件使用介绍

jquery ready(fn)事件使用介绍

1、事件简介 (1)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数; (2)请确保在 <body> 元素的onload事件中没有注册函数,否则不会触发+$(document).ready()事件; (3)可以在同一个页面中无限次地使用$(document).ready()事件; (4)其中注册的函数会按照(代码中的)先后顺序依次执行。 2、事件格式 $(document).ready(function(){ //jQuery代码 }); ...
使用jQuery避免鼠标双击的解决方案

使用jQuery避免鼠标双击的解决方案

介绍 当用户双击DOM对象(例如按钮和链接等)时,对于用户交互一直是个麻烦的问题。 幸运的是, jQuery 提供了一个相当棒的解决方法。 那就是.one()。 .one()这个方法是做什么的? 它附加了一个元素事件的处理程序并且每个元素只能运行一次事件处理器函数。 参数 .one( events [, selector ] [, data ], handler(eventObject) ) events 类型: String •规定添加到元素...
jquery.qrcode在线生成二维码使用示例

jquery.qrcode在线生成二维码使用示例

最近在做一个二维码的项目,所以在随便看的时候发现这个感觉挺不错的。jquery除了它自己非常出色的js功能之外还附带有数不清的插件,可以完成各种美好的效果和功能。jquery.qrcode就是其中一个,用来在线生成二维码。 qrcode插件在github上开源的地址在https://github.com/jeromeetienne/jquery-qrcode 它的后面附带有使用说明,只有简单的四步,非常方便的调用。 插件是外国人写的,所以在开始使用的时候不...
Ext JS 4实现带week(星期)的日期选择控件(实战一)

Ext JS 4实现带week(星期)的日期选择控件(实战一)

前言 Ext JS 3 和 Ext JS 4中都有提供日期选择的组件(当然早期版本也有)。但是有一些日期选择的需求是要看到星期,就是日期中的哪一天是这一年的第几周。 遗憾的是Ext js 并没有提供这样的配置。 (针对Ext js 4来说,理想的相法是在Ext.picker.Date有一个 类似showWeek这样的配置项) 现有的解法 到网络上去看看基于Ext js 的解法:有找到两个 http://enikao.net/extjs/weeknumber...
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法

window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法

错误写法 , 主要是在 href=”#”这里复制代码 代码如下:错误写法 , 主要是在 href=”#”这里脚本如下复制代码 代码如下:if (data == "发送成功") { alert(data); window.location.href = window.location.href; }正确的写法 href 后面跟一个 javascript:void(0) 如果是IE6 则最好是在onclick后面加一个 return false1: 复制代码 ...
Ext JS 4实现带week(星期)的日期选择控件(实战二)

Ext JS 4实现带week(星期)的日期选择控件(实战二)

前言 JavaScript 中的日期和时间 Ext JS 4实现带week(星期)的日期选择控件(实战一) 如对本篇的一些预备知识需详尽了解,可参考以上两篇。 Javascript 有提供Date 对象用于处理时间。但是Date 并没有提供获取星期的方法。 要在web 端通过js 方式获取某个时间是这一年的第几个星期,可以根据一些算法去实现。 当然, jquery 的扩展组件 等有直接提供这样的一些现成包。 像Ext js 就有提供获取星期的方法 Ext....
JavaScript 中的日期和时间及表示标准介绍

JavaScript 中的日期和时间及表示标准介绍

前言 本篇的介绍涵盖以下部分: 1. 时间标准指的是什么?UCT和GMT 的概念、关联和区别? 2. 时间表示标准有哪些? 3. JS 中时间的处理 日期时间标准 日期的标准就不多说了 -- 公元纪年 是为纪念犹太人耶稣(基督)的诞生。他诞生的那一年为公元1年,诞生之前的年份称为“公元前n年” 简单来说,时间的标准就是以什么时间为起点开始计时。对于年份来说,举例来说,如果不使用公元纪年法,估计全世界交流起来就困难重重了(新中国54年,估计很把很多老外整晕)...
html5的自定义data-*属性和jquery的data()方法的使用示例

html5的自定义data-*属性和jquery的data()方法的使用示例

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情。 你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属性页面上是不显示...
JS性能优化笔记搜索整理

JS性能优化笔记搜索整理

通过网上查找资料了解关于性能优化方面的内容,现简单整理,仅供大家在优化的过程中参考使用,如有什么问题请及时提出,再做出相应的补充修改。 一、 让代码简洁:一些简略的表达方式也会产生很好的优化 eg:x=x+1;在不影响功能的情况下可以简写为x++; 二、 变量名方法名尽量在不影响语意的情况下简单。(可以选择首字母命名) eg:定义数组的长度可以取名为:ArrLen而不需要取为ArrayLength。 三、 关于JS的循环,循环是一种常用的流程控制。 JS提...
<< 2081 2082 2083 2084 2085 2086 2087 2088 2089 2090 >>