JavaScript判断用户是否对表单进行了修改的方法

本文实例讲述了JavaScript判断用户是否对表单进行了修改的方法。分享给大家供大家参考。具体分析如下:这段JS代码可以判断出用户是否对表单内容进行了修改,如果修改了表单,并退出浏览器,则会提醒用户是否要保存表单的内容,是非常有用的代码。function formIsDirty(form) { for (var i = 0; i < form.element...

2016-06-05 12:37:32 (135)

在多个页面使用同一个HTML片段的代码

问题描述 有一个比较复杂的HTML片段(A),如果把这个HTML片段嵌入到其他页面中(B,C,D....)。 问题的关键是在HTML片段中有大量的JavaScript逻辑需要处理,比如说分页,点击事件响应等。 对于这个问题,我们用一个简单的例子来说明: “页面上有一个按钮,点击此按钮引入一个HTML片段,此HTML片段中有分页按钮。” ...

2016-02-06 07:44:14 (104)

88必发客户端:关于删除时的提示处理(确定删除吗)

服务控件: 复制代码 代码如下: OnClientClick="javascript:if (confirm('确定删除吗?')) { return true;}else{return false;};" 普通的a标签: 复制代码 代码如下: <a onclick="javascript:if (confirm('确定删除吗?')) { return true;...

2016-10-04 16:13:20 (279)

js style动态设置table高度

直接在table标签中设置下不就行了吗?这是静态的,如果要动态设置你会吗?function com_onresize(){var contentsHeight = document.body.clientHeight;var buttonsHeight = document.getElementById( "buttons" ).offsetHeight;var head1Hei...

2016-09-01 05:09:02 (141)

88必发客户端:javascript中typeof的使用示例

复制代码 代码如下: <html> <head> <title>javascript中typeof的使用</title> <script> //1、基本类型 var x = 123; var y = "abc"; var z = true; //alert(typeof x);//number //alert(typeof y);//strin...

2016-02-08 13:03:37 (56)

Jquery节点遍历next与nextAll方法使用示例

Jqeruy节点遍历<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&...

2016-09-08 12:33:12 (30)

88必发客户端:javascript ajax 仿百度分页函数

复制代码 代码如下: /** * Ajax分页功能 * 在需要分页的地方添加<ul class="pagination"></ol> * 作为分页组件容器元素。 * pageCount 总页数 * currentPage 当前页数 * container 带有pagination类的ol容器元素 * loadData 用于加载数据的函数 * version 1.0 ...

2016-09-01 10:26:01 (285)

用javascript实现鼠标框选

起初是打算兼容 Netscape 和 FireFox 等浏览器的,但这些浏览器中不支持 style.pixelLeft,得使用 style.left 之类的(style.pixelLeft 为数字无单位,style.left 为文本有单位),实际使用中发现效果很不好,有延迟状,所以还是使用 style.pixelLeft,缺点是仅支持 IE 系列浏览器。 ...

2016-06-04 15:13:23 (113)

javascript 触发HTML元素绑定的函数

复制代码 代码如下:if (document.createEvent) { var clickEvent = document.createEvent("MouseEvents"); clickEvent.initEvent("click", false, true); this.fileEl.dom.dispatchEvent(clickEvent);//ff } else if...

2016-06-03 04:10:12 (199)

JavaScript基础之this详解

JavaScript的this和Java等面向对象语言中的this大不一样,bind()、call()和apply()函数更是将this的灵活度进一步延伸。为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。如果对JavaScript的关键字this理解不够深刻,有时候会掉入意想不到的坑。在这里我们总结了5条通用规则来帮助...

2016-06-08 12:30:39 (271)

JQuery实现左右滚动菜单特效

经过了半天的时间,这个使用JQuery开发出来的左右滚动菜单功能也算是完成了,暂时还没有发现错误的现象。现在把代码完整的代码拿出来分享!scrollable.jsJQuery左右滚动菜单特效脚本代码引用片段:scrollable = function(content, render, options, beforeScroll) { /* * @author...

2016-02-05 09:47:14 (199)

88必发客户端:妙用Bootstrap的 popover插件实现校验表单提示功能

最近的项目,用Bootstrap比较多。浏览Bootstrap文档,发现 popover 插件特别适合做表单校验出错的提示。因为使的非常频繁,最近把它封住下,做成 jQuery的插件。 通过 本插件,在 html标签中 定义好 data-vaild=”校验正则” data-errmsg=”错误信息即可”。为什么 要把 校验规则 写到 html 标签中...

2016-11-05 04:16:38 (171)

js的表单操作 简单计算器

代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"...

2016-02-03 10:44:31 (181)

88必发客户端:JavaScript 基础篇之对象、数组使用介绍(三)

Javascript:对象 对象我们在前面也简单介绍过,它是一种将多个数据值集中在一个单元的东西,使用名字来存取,它是一个无序的属性集合。 1、创建对象的几种方式 复制代码 代码如下: var empty = {} //创建一个没有属性的对象。 var person = {name:"ben",age:22,sex:'男'}//使用直接...

2016-11-02 03:20:25 (196)

JAVASCRIPT模式窗口中下载文件无法接收iframe的流

在打开的模式窗口中,如果要借助于模式窗口接受服务器的流,通常需要隐藏一个iframe;有时候,然后采用iframe.src的形式去做请求;有时,在下载时发现服务器无法接收iframe的流,因为在模式窗口中没有触发iframe的src重新定向事件,普通的窗口无此问题。 具体解决办法: 在模式窗口的父窗口中隐藏一个iframe,...

2016-11-05 16:14:19 (187)

88必发客户端:RequireJS多页面应用实例分析

本文是requireJS的一些知识点的总结,配上多页面应用中的实例分析。本案例的目录结构如下:requireJS API的三个主要函数:define(创建模块),require(加载模块),config(配置)1、 HTML文件中加载JS文件page1.html内容如下:<!DOCTYPE html><html><head>&...

2016-03-04 13:25:10 (34)

jQuery实现图片文字淡入淡出效果

本实例主要讲解了jquery仿新浪微博图片文字列表上下淡进淡出间歇上下滚动效果,分享给大家供大家参考,具体内容如下1、效果及功能说明 仿新浪微博图片文字列表上下淡进淡出间歇上下滚动2、实现原理 首先要设定div内只能显示4个图片那么多出来的图片会自动隐藏然后在给图片添加一个动画的事件让他们可以滚动的播放出来上下滚动效果播放就是li标签里面的内容图片和文字把每一个li看成一个整体在滚动播放的...

2016-11-02 13:07:14 (63)

在AngularJS中使用jQuery的zTree插件的方法

前段时间一直在看AngularJS的资料,感觉是个很好的框架,很想有机会尝试用它做点什么。jQuery ZTree是国内非常不错的JQuery插件,功能齐全,文档和API也非常的友好,之前项目上常用此插件。AngularJS 功能虽然非常强大,但UI上提供的插件不像JQuery那么多,而且只能通过directive定义扩展的UI插件,虽然国外...

2016-07-03 12:34:18 (131)

浅析JavaScript Array和string的转换(推荐)

Array类可以如下定义:var aValues = new Array(); 如果预先知道数组的长度,可以用参数传递长度var aValues = new Array(20); ------------------如下2种定义方式是一样的--------1-------var aColors = new Array();aColors[0] = "red";aColors[1] = ...

2016-09-07 13:24:08 (100)

获取body标签的两种方法

引用body标签有两做法: 第一种:使用DOM Core 即引用某个给定文档的第一个(也是仅有的一个)body标签 复制代码 代码如下: document.getElementsByTagName("body")[0] 第二种:使用HTML-DOM,即引用某个给定文档的body属性: 复制代码 代码如下: doucumnet.body 本文的重点...

2016-05-05 16:03:14 (174)

88必发客户端:js验证是否为数字的总结

js验证是否为数字,最简单的方法:isNaN函数的使用:function checknum() {   if (isNaN(frm.num.value)) {     alert("请输入数字");     frm.num.focus();    return false;  } }最完整最精确的方法:(正则表达式)1)   "^\\d+$"          //非负整数(...

2016-03-03 03:42:35 (198)

javascript校验价格合法性实例(必须输入2位小数)

HTML代码:复制代码 代码如下:请输入价格:<input type="text" id="txtProPrice" /><input type="button" value="验证输入" id="btnTest" />JS代码:复制代码 代码如下:<script src="jquery.js"></script><scri...

2016-07-07 10:23:27 (52)

88必发客户端:jQuery实现的分子运动小球碰撞效果

本文实例讲述了jQuery实现的分子运动小球碰撞效果。分享给大家供大家参考,具体如下:先看效果图吧,因为小球是运动状态的,不好截图,这里就先大体画了一下路线,表示大体意思吧,如果想看真实的效果,自己粘贴下去运行:小球有点小哟,嘿嘿,没有对细节进行详细的处理,如果像让它完美一点,自己处理下吧!这里是模拟的理想状态下的,...

2016-08-01 08:06:10 (278)

理解和运用JavaScript的闭包机制

伟大的爱因斯坦同志说过:“如果你无法向一个 6 岁小孩解释清楚某问题,那说明你自己都没整明白”。然而,当我向一个 27 岁的朋友解释什么是闭包时,却彻底失败了。这原本是国外某哥们儿在 Stack Overflow 上对 JavaScript 闭包所提出的问题。不过既然此问题是在 Stack Overflow 提出的,当然也会有很多高手出来解答,其中有些回答确实...

2016-10-04 08:08:16 (219)

88必发客户端:jquery必须知道的一些常用特效方法及使用示例(整理)

1.jQuery fadeIn() 用于淡入已隐藏的元素。 语法: $(selector).fadeIn(speed,callback); 实例: 复制代码 代码如下: $("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000);});...

2016-12-05 03:01:22 (115)

微信小程序 Video API实例详解

电脑端不能测试拍摄功能只能测试选择视频功能,好像只支持mp4格式,值得注意的是成功之后返回的临时文件路径是个列表tempFilePaths而不是tempFilePath文档写的有点问题。主要属性:wx.chooseVideo(object)成功之后返回参数wxml<button type="primary" bindtap="listenerBtnOpenVideo">...

2016-10-02 12:42:12 (67)

js 文本滚动效果的实例代码

复制代码 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <title> New Document </title> <style type="t...

2016-08-05 01:26:26 (276)

JS中Attr的用法详解

具体代码如下所示:<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script><script type="text/javascript"> $(document).ready(function(){ $("#btn").click(function(){ //使用att...

2016-10-03 06:27:34 (148)

JS小游戏之宇宙战机源码详解

本文实例讲述了JS小游戏的宇宙战机源码,分享给大家供大家参考。具体介绍如下:一、游戏介绍:这是一款飞行射击游戏,纵向,共六关。二、游戏需求:1.战机可发射子弹,子弹可通过获取道具升级。2.战机可放bomb,可获取道具增加数量。3.战机可蓄力攻击。4.道具有三种,分别是升级子弹,增加bomb数量,增加战机数量。5.每关音乐...

2016-11-04 14:31:30 (195)

88必发客户端:JQuery页面的表格数据的增加与分页的实现

复制代码 代码如下: var countPage; var nowPag = 1; var pageSize; var countSize; var starIndex; var endIndex; // 用户提交信息 var name; var sex; var age; // 定义行号 var num = 1; $(document).ready(function() { // 注册添加用户...

2016-08-02 16:10:08 (259)

微信小程序图片横向左右滑动案例

本文实例为大家分享了微信小程序图片左右滑动的具体代码,供大家参考,具体内容如下图片左右滑动效果图:wxml代码:<scroll-view scroll-x="true"> <view class="uploadWrap" scroll-x="true"> <view class="upload_Item"> <image class="u...

2016-09-05 03:44:06 (62)

88必发客户端:基于JQuery实现CheckBox全选全不选

所以我就参照网上的例子试着自己写了一个,达到了自己想要的效果,其实这也是一个很简单的例子,其中有不足的地方还望大家能够给予指出。下面把代码贴出来给大家看看 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="checkAll.aspx.cs" Inherits="checkAll" %&...

2016-10-06 05:13:19 (241)

Javascript堆排序算法详解

堆排序分为两个过程:1.建堆。堆实质上是完全二叉树,必须满足:树中任一非叶子结点的关键字均不大于(或不小于)其左右孩子(若存在)结点的关键字。堆分为:大根堆和小根堆,升序排序采用大根堆,降序排序采用小根堆。如果是大根堆,则通过调整函数将值最大的节点调整至堆根。2.将堆根保存于尾部,并对剩余序列调用调整函数,调整完成后,再将最大跟保存于...

2016-06-04 14:45:10 (230)

88必发客户端:基于Jquery插件Uploadify实现实时显示进度条上传图片

先了解了解Uploadify,具体内容如下Uploadify是一个简单易用的多文件上传方案。作为一个Jquery插件,Uploadify使用简单,并具有高度的定制性。Uploadify特性:Uploadify简单说来,是基于Jquery的一款文件上传插件。它的功能特色总结如下:1)、支持单文件或多文件上传,可控制并发上传的文件数2)、在服务器端支...

2016-12-03 12:26:25 (186)

js文本框走动跑马灯效果代码分享

本文实例讲述了js实现文本框走动跑马灯效果。分享给大家供大家参考。具体如下:运行效果图:小提示:直接复制下面分享的代码即可运行,大家可以自定义文字。为大家分享的js实现文本框走动跑马灯效果代码如下<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><t...

2016-08-05 15:46:04 (45)

Angular中的$watch、$watchGroup、$watchCollection

•  1,原型:$watch: function(watchExp, listener, objectEquality, prettyPrintExpression){};•  2,参数:watchExp(必须):{(function()|string)},可以字符串表达式,也可以带当前scope为参数的函数•    - `string`...

2016-06-02 12:46:29 (68)

js实现通用的微信分享组件示例

一、可定义的信息1、分享时显示的LOGO;2、分享LOGO的宽度;3、分享LOGO的高度;4、分享出去显示的标题(默认调用网页标题);5、分享出去显示的描述(默认调用网页标题);6、分享链接(默认为当前页面的URL)。7、分享微信的APPID(一般为空)。二、使用方法1、引入微信分享组件js:复制代码 代码如下:/******************************...

2016-07-05 03:14:35 (123)

javascript字符串循环匹配实例分析

本文实例讲述了javascript字符串循环匹配的方法。分享给大家供大家参考。具体如下:采用exec和String.match方法,对于exec必须开启全局匹配g标识才能获取所有匹配// 需要提取这种数据 <td>2012-12-17</td><td>11:02 , 12:25 , 13:22 , 15:06...

2016-07-03 02:24:08 (91)

88必发客户端:js控制滚动条缓慢滚动到顶部实现代码

先把下面的代码拷贝到个html中,运行看效果 复制代码 代码如下: <html> <head> <script type="text/javascript"> var currentPosition,timer; function GoTop(){ timer=setInterval("runToTop()",1); } function runTo...

2016-10-07 08:44:10 (129)

强悍无比的WEB开发好助手FireBug(Firefox Plugin)

下载:firebug1.0-beta.zip怎么说呢,强就一个字啦~NND,上面这个图是我开到了 Ispect 状态,鼠标移动时截下来的。这比看源文件然后再搜索可是方便的太多了,这个世界是怎么了,还有这样的雷峰存在,真是太BT了~而且还可以对AJAX进行Debug,跟踪出错信息,对当前网页进行即时编辑(WYSIWYG),CSS效果预览等等...

2016-08-04 09:11:20 (168)

88必发客户端:jQuery实现按键盘方向键翻页特效

1.jQuery代码:复制代码 代码如下:$(document).ready(function(){     var prevpage=$("#pre").attr("href");     var nextpage=$("#next").attr("href");     $("body").keydown(function(event){       if(event.keyCod...

2016-07-08 04:15:32 (240)

你的 mixin 真的兼容 ECMAScript 5 吗?

我最近在与客户合作的项目中,需要充分利用的 ECMAScript 5,在此我遇到一个非常有趣的问题。 该问题源于一个非常常见的模式: mixin , 也就是在 JavaScript 中把一个对象的属性或者方法 mixin 到另一个。大多数 mixin 的功能看起来像这样:复制代码 代码如下:function mixin(receiver, suppli...

2016-07-07 08:41:38 (160)

88必发客户端:js拖拽功能实现代码解析

本文解决的问题:1、怎样在网页中实现拖曳功能;2、document.documentElement与document.body的区别。 document.documentElement.clientWidth指整个html文档的宽度,document.body.clientWidth的宽度。这两者是不一样的。可以在console控制台通过console.log(docu...

2016-11-07 07:31:03 (83)

基于JQuery实现图片上传预览与删除操作

本文实例为大家分享了JQuery实现图片上传预览与删除的具体代码,经测试目前满足谷歌、火狐、360、IE6,7,8,9,10,11等浏览器,供大家参考,具体内容如下1. preview.2.0.html<!DOCTYPE html><html><head> <title>上传图片预览</title> <meta ht...

2016-03-02 07:27:23 (230)

google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)

1. 很多网站都是使用这种方式引入,客户的浏览器可能已经缓存过了 jquery。可以直接调用本地的,速度更快… 2. Google code 使用了 cdn 技术在很多地方有节点服务器,加载 jquery 时绝对不会比在你服务器上加载慢,本地服务器除外 : ) 3. 可以节省服务器流量,降低服务器带宽压力 可以使用两种方式引用 google code 的jquer...

2016-04-03 16:43:22 (278)

异步javascript的原理和实现技巧介绍

因为工作的需要,我要在网页端编写一段脚本,把数据通过网页批量提交到系统中去。所以我就想到了Greasemonkey插件,于是就开始动手写,发现问题解决得很顺利。但是在对脚本进行总结和整理的时候,我习惯性地问了自己一个问题:能不能再简单点? 我的答案当然是“能”。首先回顾我的数据批量提交的需求:我有一批用户数据要插入到系统中,但是因为系统库...

2016-05-04 02:18:20 (34)

JS 实现Table相同行的单元格自动合并示例代码

代码如下,可直接运行: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="Edi...

2016-04-03 14:18:11 (237)

88必发客户端:jquery右下角弹出提示框示例代码

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea...

2016-02-06 05:19:03 (201)

javascript中setTimeout和setInterval的unref()和ref()用法示例

unref()和ref()用法非常的简单,就是取消和回复setTimeout和setInterval函數的調用的。代码如下:复制代码 代码如下: var testFunction=function(){     console.log("guoyansi"); } var timer=setInterval(testFunction,1000); timer.unref()...

2016-06-04 15:16:36 (159)

88必发客户端:理解Javascript的动态语言特性

Javascript是一种解释性语言,而并非编译性,它不能编译成二进制文件。理解动态执行与闭包的概念动态执行:javascript提供eval()函数,用于动态解释一段文本,并在当前上下文环境中执行。首先我们需要理解的是eval()方法它有全局闭包和当前函数的闭包,比如如下代码,大家认为会输出什么呢?var i = 100;function myFunc() {...

2016-05-06 08:17:13 (136)

< 1 2 3 4 5 6 7 8 9 ... 16 >