Several popular AJAX framework jQuery, Mootools, Dojo, Ext JS Comparative I encountered the Internet in many parts of this article, are not clearly marked out the author, find it strange? ? If you are the author of this article, it is very sorry, but
我通过下面方法实现了jQuery在VS2008及js文件中的智能提示的,希望对朋友们有所帮助. jQuery在vs2008中的智能提示 1 安装VS2008SP1补丁 要确保您的vs2008已经打了sp1补丁,在vs2008的帮助里的关于,要是安装了sp1,会出现&版本 3.5 sp1&,没安装当然就只有&版本 3.5&. 如果没有安装可以在这下载sp1. 2 安装VS 2008 Patch KB958502以支持&-vsdoc.js&Intel
这里为你提供了三种动态加载js的jquery实例代码哦,由于jquery是为用户提供方便的,所以利用jquery动态加载文件只要一句话$.getScript(\&test.js\&);就OK了. &!doctype html public &-//w3c//dtd xhtml 1.0 transitional//en& &http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd&&
jQuery库与其他JS库冲突的解决办法 &script src=&prototype.js&&&/script& &script src=&jquery.js&&&/script& &script& jQuery.noConflict(); // Use jQuery via jQuery(-) jQuery(document).ready(function(){ jQuery(&div&quo
在jquery中要实现动态加载js文件的方法有很多种,最简单的我们可以直接利用$.include()方法来实现,感兴趣的朋友可以参考下哈 使用jquery动态加载js,css文件 $.extend({ includePath: '', include: function(file) { var files = typeof file == &string& ? [file]: for (var i = 0; i & files. i++) { var na
基于jquery封装的一个js分页代码,需要的朋友可以参考下. (function ($) { var PageFunc = function PageFunc() { } $.PageFunc = function (Total, PageSize, curPageNum, FunUrl) { if (PageSize == && || PageSize == null || PageSize == undefined) { PageSize = 10; } if (curPageN
这篇文章主要介绍了使用jquery动态加载js文件的方法,需要的朋友可以参考下 方法很简单,这里就不多废话了,直接奉上代码: $.extend({ includePath: '', include: function(file) { var files = typeof file == &string& ? [file]: for (var i = 0; i & files. i++) { var name = files[i].replace(/^\s|
这篇文章主要介绍了jQuery简单图表peity.js的使用,需要的朋友可以参考下 &html xmlns=&http://www.w3.org/1999/xhtml&& &head& &title&无标题页&/title& &script type=&text/javascript& src=&jQuery.js&&&/script& &script type=&qu
本篇文章主要是对JQuery的$和其它JS发生冲突的快速解决方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 众所周知,jQuery是目前最流行的JS封装包,简化了很多复杂的JS程序,JQuery讲浏览器DOM树定义为$,通过$来获取各个子节点. 然后,JS插件并非只有JQuery,还有prototype.js 等其它比较好的插件.它们也使用$.所以有时候同时使用这个两个JS插件的时候,就会出现$的使用权冲突问题.现在我们来看看如何解决这个冲突问题.请看下文: 我们都知道JQuery
About JQuery Of John Resig (), Mozilla Foundation, Javascript technical support. On the home page: http://ejohn.org/, influential website. Released in 2006, the current version is 1.4.2. 26.95% of the site to use JQuery. JQuery and related pr
Jquery API Jquery UI Jquery js
动态加载Javascript是一项非常强大且有用的技术.这方面的主题在网上已经讨论了不少,我也经常会在一些个人项目上使用RequireJS和Dojo加载js 它们很强大,但有时候也会得不偿失.如果你使用的是jQuery,它里面有一个内置的方法可以用来加载单个js文件.当你需要延迟加载一些js插件或其它类型的文件时,可以使用这个方法.下面就介绍一下如何使用它! 一.jQuery getScript()方法加载JavaScript jQuery内置了一个方法可以加载单一的js文件:当加载完成后你可以
Bigvideo.js 网站 : http://dfcb.github.io/BigVideo.js/ BigVideo.js 是一个 jQuery 视频插件,能让用户很方便将视频作为网站的背景.它可以播放一个无声视频(或一系列视频),或者像播放器一样提供一个视频列表给用户,让他们选择喜欢的进行播放.这个插件基于 Video.js 构建.此外如果有些设备不支持自动播放则转换成用图片来显示.这款插件要求 jQuery UI(滑块控制)和 jQuery 图像加载插件. 授权协议: MIT 开发语言:
比较常用的限制字符输入数功能(比如热火超天的微博输入框),用jQuery和原生JavaScript分别写了一个.原生JavaScript注释中有区分中英文字符的函数, 但个人并不建议这么做. 已知BUG: Ubuntu系统下, onkeyup事件失效,详见: Ubuntu系统下onkeyup/onkeydown对中文输入失效bug. 查看演示: 点此查看DEMO 核心代码: //原生JavaScript版本 window.onload=function(){ var js=document.ge
jquery自带的getSrcript文件只能动态加载js代码,但不能加载css,后来自己写了一个可加载js与css的程序 先来看jquery自带的getSrcript文件 方法 $.getScript(url,callback) 实例 var testVar = 'New JS loaded!'; alert(testVar); function newFun(dynParam) { alert('You just passed '+dynParam+ ' as parameter.'); }
本文为大家想你想介绍下jquery实现页面动态数据的滚动效果.似乎只有通过div-ul-li标签嵌套的方式才能实现表格多行多列的滚动效果 &script language=&javascript& src=&lirms/Test/jquery-1.4.2.js&&&/script& &script language=&javascript& src=&lirms/Test/vticker.js&&
当前在ff3下,用jquery的 width()与height()函数,在不设置图片的宽度与高度的时候,不能取到 需要在图片load函数里面初始化才可以 /* 缺陷,当前在ff3下,用jquery的 width()与height()函数,在不设置图片的宽度与高度的时候,不能取到 需要在图片load函数里面初始化才可以 */ sanshi_imgareaselect = function(pic_id,view_div_id){ this.pic_obj = jQuery(&#&+pic
jQuery代码具体的写法和原生的Javascript写法在执行常见操作时的区别如下所示.需要的朋友可以过来参考下 要使用jQuery,首先要在HTML代码最前面加上对jQuery库的引用,比如: &script language=&javascript& src=&/js/jquery.min.js&&&/script& 库文件既可以放在本地,也可以直接使用知名公司的CDN,好处是这些大公司的CDN比较流行,用户访问你网站之前很可能在访问别
基于jquery的tab切换 使用的是js的原理.绑定鼠标经过事件实现的. html代码: &div class=&details&& &ul class=&tab&&&li class=&on& rel=&a1&&&b&个人资料&/b&&/li&&li rel=&a2&&&b&帐号维护&/b&&lt
日常项目中常用到的,用jQuery和原生JS分别写了一个. 两种写法均实现了结构/表现/行为的完全分离.当然,稍作修改,可以在同一个页面中应用于多个选项卡. 关于思路,和常规选项卡思路一样.点击选项菜单,突出显示,并显示对应的选项.本文实例中主要是通过判断点击菜单在菜单列表中的索引位置来显示或隐藏选项区.原生js还有很多种实现方法(蓝色理想中搜索),为了与jQ版思路保持一致,本文实例用的是循环判断. 详见注释. 另有几点说明: 1. 通过本文DEMO演示,可以很明显的看到原生JS的window.
5月3日,Julian在其GitHub上发布了Velocity.js.Velocity.js是一款动画切换的jQuery插件,它重新实现了jQuery的$.animate()方法从而加快动画切换的速度.Velocity.js只有7k的大小,它不仅包含了$.animate()的所有功能,并且还包含了颜色切换.转换(transform).循环.缓动.CSS切换.Scroll功能,它是jQuery.jQuery UI.CSS变换在动画方面的最佳组合.Velocity.js支持IE8+.Chrome.F
jQuery能大大化简Javascript程序的编写. 1 要使用jQuery,首先要在HTML代码最前面加上对jQuery库的引用,库文件既可以放在本地,也可以直接使用知名公司的CDN.使用知名公司的CDN的好处是:用户访问你网站之前很可能在访问别的网站时已经缓存在浏览器中了,所以能加快网站的打开速度:另一个好处是节省了网站的流量带宽. 示例: 1)库文件在本地 2)使用知名公司的CDN a. Google提供的 b. jQuery官方的 /jque
usage: $ ('. ScrollContent'). SetScrollNoArrow ((img: '_common / img / scrollbar / scroll_bar.jpg', width: 8), (Img: '_common / img / scrollbar / scroll_btn.jpg', height: 16) ); &script& / * * Adding by Jerome Xie * Supporting DOCTYPE Declaration *
Quote If you are a front-end web developer, so for you, might make a nice navigation menu will be very handy. But today I want to all the resources of different kinds of navigation menus, so that our front-end web development work faster and more con
tab控件的实现方法有很多,在本文为大家详细介绍下如何通过9行js实现简单的tab控件,感兴趣的朋友不要错过 &!DOCTYPE html& &html& &head& &meta charset=&UTF-8&& &script type=&text/javascript& src=&../js/jquery-1.7.2.min.js&&&/script& &scri
如果你是网站前端开发人员,那么对你来说,也许做一个漂亮导航菜单会很得心应手.今天为大家总结各种导航菜单的资源,以便让大家的网站前端开发的工作更方便更快速,只要选择现成的例子就可以应用于自己的网站了.从非常简单的HTML和CSS导航菜单,到非常复杂和高级的JQuery.JavaScript和MooTools技术,这都可以让你轻松实现褪色.滑动.拖动等效果.如果您觉得这些资源值得一用,那就快把本网页收藏以备日后查阅吧! 1.Fancy menu - 非常酷的导航菜单: 2. 专为Mac爱好者开发的C
1. Fancy menu - 非常酷的导航菜单: 2. 专为Mac爱好者开发的CSS dock菜单 ,使用jQuery框架. 下载 dock 菜单 3.37个不同的CSS导航菜单技术 : 4.这个导航 五年前就有了,但现在看来依然很棒! 5.漂亮的JQuery滑动效果菜单 ,有四种不同的例子. 6.更新jquery嵌套标签 设置,有演示; 7.垂直JavaScript菜单 ,含子菜单效果. 查看演示 8.13个精选纵向及横向CSS菜单 9.各种不同的CSS菜单教程 10.很全的收集CSS纵向菜
$(function() { window.__Object_toJSONString = Object.prototype.toJSONS delete Object.prototype.toJSONS }); 要用到jquery的页面放入此代码即可
&% @ Page language = &java& import = &java.util .*& pageEncoding = &UTF-8&%& &% String path = request.getContextPath (); String basePath = request.getScheme () + &://& + Request.getServerName () + &:&q
jquery.lazyload.js并未真正的实现页面延迟载入,它的实现原理是页面载入完毕后将html中所有img标签的src属性都替换为空,把src的初始值存储到一个自定义的属性中,当页面滚动到img标签位置时再将图片载入进来. 虽然实现了延迟载入的视觉效果,但是通过httpwatch等工具就可以看到,页面载入完毕后又发布很多空请求,而空请求就是由这些被替换过的img标签产生的,空请求也会一定程度上增加页面的打开时间,所以jquery.lazyload.js并未真生的实现页面延迟载入. 我对j
这篇文章主要介绍了三种动态加载js的jquery实例代码另附去除js方法,需要的朋友可以参考下 !-- 这里为你提供了三种动态加载js的jquery实例代码哦,由于jquery是为用户提供方便的,所以利用jquery动态加载文件只要一句话$.getscript(&test.js&);就ok了. &!doctype html public &-//w3c//dtd xhtml 1.0 transitional//en& &http://www.w3.o
今天看了网上的朋友说了,很多网站提供的回车事件代码都是不兼容firefox的,其实脚本之家提供的代码,一直以来都是尽量的兼容多浏览器. javascript 兼容IE与firefox火狐的回车事件 &script language=&javascript&& function keypress(e) { var currKey=0,e=e|| if(e.keyCode==13)document.myform.submit(); } document.onkeyp
jQuery中需要用到$符号,如果其他js库也定义了$符号,那么就会造成冲突,会影响到js代码的正常执行,下面有几个不错的解决方法,大家可以参考下 jQuery中需要用到$符号,如果其他js库(例如大名鼎鼎的prototype)也定义了$符号,那么就会造成冲突,会影响到js代码的正常执行.jqeury提供了一些方案来避免这个问题,让我们来看看这几个方案有什么区别 方案1: 引入noConflict(),将$替换为其他符号 var $j = jQuery.noConflict(); $j(docu
这篇文章主要介绍了AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法,需要的朋友可以参考下 AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案. AMD 模块格式本身是一个关于如何定义模块的提案,在这种定义下模块和依赖项都能够异步地进行加载.它有很多独特的优势,包括天生的异步及高度灵活等特性,这些特性能够解除常见的代码与模块标识间
今天在stackoverflow上看到这么一个问题: /questions/406192/how-to-get-the-current-url-in-jquery LZ说: [169]我是jQuery玩家,我想获得当前URL的参数,比如 http://localhost/menuname.de?foo=bar&number=0 这个问题相当具有代表性,有169个赞. 1L回答: [261]要得到参数你应该这样搞: $(document).ready
很多时候,我们经常听见有人说jquery有多快多快.在这个各种类库满天飞的时候,不得不说的是,能有原生JS快吗? 是的,明显原生JS要更快,因为诸如JQuery这样的库必须要兼容各种浏览器和低版本和许多其他的东西,考虑通用性必然会导致性能的损耗. 当然,我不是提倡写代码纯用原生JS实现,我记得淘宝玉伯曾经说的一句话&框架能够让我们走的更快,但只有了解原生的JS才能让我们走的更远&. 一些感(fei)想(hua): 1.原生的js,好比全真教的武功,一步步从基础开始(先练气再御剑),很长
日期: 来源: 在线演示 本地下载 以往的文章中,我们分享了很多jQuery相关拖放插件,今天我们这里再推荐的一个超酷的jQuery拖放插件-gridster.js绝对会让你眼前一亮,和其它的插件不太一样的地方在于你处理拖放的元素支持不同大小,并且支持多列的网格布局,它们会自动的根据位置自己排序和调整.非常适合你开发具有创意的应用.这个插件可以帮助你将任何的html元素转换为网格组件. 主要特性 只依赖jQuery 支持元素的添加和删除 文档比较全 拥有测试用
原文地址:/post-1778.html jQuery 提供了一些诸如 show.hide.slideUp.fadeIn 等等动画方法,可以方便的切换元素的显隐.更有强大的自定义动画方法 animate ,可以实现很多动画效果.为了让动画有好的过渡变化过程,官方为这些方法设置 easing 属性,但是官方没有给出很多过渡效果. jquery.easing.js 这个插件,增加了很多过渡效果,引入之后可以让动画过渡过程更加多样化. 先来看一下:
jquery.validate.unobtrusive.js的用法: jquery.validate.unobtrusive.js使用上很简洁,只要对Tag下几个属性即可以使用! 引用JavaScript&script src=&/jquery-1.6.2.min.js&&&/script& &script src=&/ajax/jquery.valid
/** * jQuery MD5 hash algorithm function * * &code& * Calculate the md5 hash of a String * String $.md5 ( String str ) * &/code& * * Calculates the MD5 hash of str using the >> RSA Data Security, Inc. MD5 Message-Digest Algorithm, and returns t
Note: Since we can not reprint, copy the following code is from the site over the Example: &! DOCTYPE html PUBLIC &- / / W3C / / DTD XHTML 1.0 Transitional / / EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&& &ht
Horizontal accordion: jQuery Development based on jQuery, a very simple horizontally folding control. Home: /2007/10/haccordion-simple-horizontal-accordion.html (not found) Download: /
Horizontal accordion: jQuery Development based on jQuery, a very simple horizontal fold control. Home: /2007/10/haccordion-simple-horizontal-accordion.html (not found) Download: /2007/
这篇文章主要介绍了jQuery中prop()方法用法,以实例形式较为详细的分析了prop()方法的功能.定义及获取或者设置匹配元素属性值的各种常见使用技巧,需要的朋友可以参考下 本文实例讲述了jQuery中prop()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以获取或者设置匹配元素的属性值. 根据方法参数的不同,作用也有所不同. 语法结构一:当参数为属性名称时,此方法能够匹配元素集合中,第一个匹配元素指定属性名称的属性值. $(&selector&).prop(name)
这篇文章主要介绍了jQuery中eq()方法用法,实例分析了eq()方法的功能.定义及获取匹配元素集上的相应位置索引元素的使用技巧,需要的朋友可以参考下 本文实例讲述了jQuery中eq()方法用法.分享给大家供大家参考.具体分析如下: 此方法能够获取匹配元素集上的相应位置索引的元素. 匹配元素集上元素的位置索引是从0开始的. 语法结构: $(selector).eq(index) 参数列表: 参数 描述 index 定义元素在元素集中的索引,从零开始的. 如果是负数则从最后一个元素往回计数.
这篇文章主要介绍了jQuery中removeClass()方法用法,实例分析了removeClass()方法的功能.定义及从匹配元素删除一个或多个类的使用技巧,需要的朋友可以参考下 本文实例讲述了jQuery中removeClass()方法用法.分享给大家供大家参考.具体分析如下: 此方法从匹配元素删除一个或多个类. 根据方法参数的不同,有以下几种语法结构. 语法结构一: 方法没有参数.把匹配元素所有的类都移除. $(selector).removeClass() 实例代码: 代码可以将div的
这篇文章主要介绍了jQuery toggleClass的应用,需要的朋友可以参考下 1.首先到jQuery官网下载js库,网址为/ 2.建立一个jQuery示例的项目. 3.将js库放到jQuery示例的项目中. 4.写一个html页面 &!DOCTYPE html PUBLIC &-//W3C//DTD HTML 4.01 Transitional//EN& &http://www.w3.org/TR/html4/loose.dtd&
这篇文章主要介绍了jQuery中attr()方法用法,实例分析了attr()方法的功能.定义及设置或返回匹配元素属性值的使用技巧,需要的朋友可以参考下 本文实例讲述了jQuery中attr()方法用法.分享给大家供大家参考.具体分析如下: 此方法设置或返回匹配元素的属性值. attr()方法根据参数的不同,功能也不同. 语法结构一:获取第一个匹配元素指定属性的属性值. $(selector).attr(name) 参数列表: 参数 描述 name 定义要获取其值的属性名称. 实例代码: 复制代码
ScrollTo是一款基于jQuery的滚动插件,当点击页面的链接时,可以平滑地滚动到页面指定的位置.适用在一些页面内容比较多,页面长度有好几屏的场合,本文以DEMO为示例讲解该插件的应用.查看演示DEMO 使用方法 1.准备jQuery库和scrollTo.js插件. &script type=&text/javascript& src=&js/jquery.js&&&/script& &script type=&text/
基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件. 要求使用jquery1.4或以上版本,flash player 9.0.24以上. 有两个版本,一个用flash,一个是html5.html5的需要付费~所以这里只说flash版本的用法. 官网:/ 控件截图: 用法: 首先引用下面的文件 &link rel=&stylesheet& type=&text/css&
Copyright (C) , All Rights Reserved.
版权所有 闽ICP备号
processed in 0.069 (s). 9 q(s)评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
第一章 JavaScript （基础）
第二章 JavaScript（高级）怎么在js代码模式通过代码触发textbox控件的onchange事件呢,经过查阅资料,发现js提供了一个方法,可以触发控件的应该是所有事件 js中onchange事件是在客户端改变输入控件的值,比如一个textbox,会出发的一个事件.但是如果在js代码中改变一个textbox的value,而不是通过键盘输入改变一个textbox值的话,是不会出发onchange事件的. 那么,如何在js代码模式通过代码触发textbox控件的onchange事件呢,经过查阅资料,发现js提供了一个方法,可以
select 或text的onchange事件需要手动(通过键盘输入)改变select或text的值才能触发,本文为大家介绍下使用js触发select onchange事件 select 或text的onchange事件需要手动(通过键盘输入)改变select或text的值才能触发,如果在js中给select或text赋值,则无法触发onchang事件, 例如,在页面加载完成以后,需要触发一个onChange事件,在js中用document.getElementById(&province&qu
本篇文章主要是对关于onchange事件在IE和FF下的表现及解决方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在最近做的一个项目中,有这么一个功能点:页面上有一个checkbox,当用户选择或者取消选择该checkbox时会向后台发一个jsonp请求.当时的实现是为这个checkbox添加一个onchange事件,但结果却出人意料,为此,我深入的研究了一下,发现了onchange事件在IE和FF下的表现存在着以下问题. 问题①:在FF下,当改变checkbox的选中状态时,会马
select 或text的onchange事件需要手动改变select或text的值才能触发,下面有个不错的方法可以通过js触发select onchange事件 select 或text的onchange事件需要手动(通过键盘输入)改变select或text的值才能触发,如果在js中给select或text赋值,则无法触发onchang事件, 例如,在页面加载完成以后,需要触发一个onChange事件,在js中用document.getElementById(&province&).
用onpropertychange,oninput事件解决onchange事件的不足,需要的朋友可以参考下. onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性! 在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何变化时,能立即触发此事件. 这样一来问题就解决了. 那其他浏览器呢,onpropertychange可是IE的专利. 接下来就是oninpu
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转.传参(selected的值和页面其它元素的值) &script src=&jquery.min.js& type=&text/javascript&&&/script& &script language=&javascript& type=&text/javascript&& $(document).read
当一个HTML元素的属性用js改变的时候,都能通过 onpropertychange来捕获.例如一个 &input name=&text1& id=&text1& /&对象的value属性被页面的脚本修改的时候,onchange无法捕获到,而onpropertychange却能够捕获. 也就是说:onpropertychange事件在用键盘每改变一下文本框的值或用js改变其值便会触发一下,而onchange只有在用键盘改变其值,然后在失去焦点(onblu
在使用input type='checkbox'标签加入onchange事件时,点击checkbox不直接触发onchange事件 必须在点击checkbox之后再点击页面的其它任意点,此checkbox的onchange事件才会触发. 解决办法: 在使用checkbox标签时不要使用onchange事件,改用onclick事件,也可以使用IE自带的事件处理属性onpropertychange来绑定处理方法
定义和用法 onchange 事件会在域的内容改变时发生. 语法 onchange=&SomeJavaScriptCode& 参数 描述 SomeJavaScriptCode 必需.规定该事件发生时执行的 JavaScript. 支持该事件的 HTML 标签: &input type=&text&&, &select&, &textarea& 支持该事件的 JavaScript 对象: fileUpload, select, te
checkbox在IE下必须点击一下页面空白的地方才可以激活onchange事件. 解决办法把onchange换成onclick
本来是想添加文本框文本内容改变事件动作的,结果找了许多这方面的javascript代码都不如意. 改变一下思路变成键盘按键事件,如下: &asp:TextBox ID=&txtName& runat=&server& onkeyup=&fNameChange();&&&/asp:TextBox& 这里有一点毛病是,你复制粘贴的内容,无法触发这个事件.下面是相关的一些代码: function fNameChange(){ i
请选择 Item 1 Item 2 Item 3 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
本例效果图: unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms, Dialogs, ComCtrls, StdCtrls, G type TForm1 = class(TForm) TreeView1: TTreeV StringGrid1: TStringG procedure FormCreate(Sender: T
最近老总提了一个小功能,在搜索网吧列表的时候加上网吧所属代理商这个条件,原有的搜索条件是一个地区二级联动,现在需要根据不同的地区显示不同的代理商集合. 即在触发地区下拉框的onchange事件时,代理商的下拉框选项也相应的改变,比如选择地区 湖南-〉长沙,那么代理商下拉框只显示长沙的代理商. 本来认为这个很好实现,但实际改起来的时候发现问题多多,主要问题是原有的地区联动是用js实现的,它的数据源是一个xml文件,当然如果下拉框是服务器端控件那么问题是很好解决的,现在是html控件一下子似乎还真有
&事件机制可以使程序逻辑更加符合现实世界,在JavaScript 中很多对象都有自己的事件,例如按钮就有onclick 事件,下拉列表框就有onchange 事件,通过这些事件可以方便编程. 还有,&通过事件机制,可以将类设计为独立的模块,通过事件对外通信,提高了程序的开发效率.&.相信C#程序员对事件的好处是深有体会的.好了,Code is cheap.看代码: function class1() { // 最简单的事件设计模式 } class1.prototype = {
javascript 跨浏览器开发之js 事件的兼容性问题,需要的朋友可以参考下. 简单事件模型和高级事件模型 简单事件模型和高级事件模型简单事件,就是事件与页面元素直观的绑定在一起的形式,如: &div onclick=&alert(this.innerHTML);&& element.onclick = function(){alert(this.innerHTML);} 只要不是用了个别浏览器独有的事件,一般的click,mouseover事件等在各浏览器中都可以这么
这篇文章主要介绍了js中的onchange和onpropertychange (onchange无效的解决方法),需要的朋友可以过来参考下,希望对大家有所帮助 笔者注:今天我在用到onchange事件时没有任何反应,最后翻查资料才知道Onchange的局限性和不稳定性.而onpropertychange却能很好的实现尤其是它的实时捕捉性能更是很值得用一下(幸亏有这个性能,做出的东西老板娘很满意 o(∩_∩)o...). 本人也比较懒,自己做的东西也懒的整理下来只能把搜索到的资料原版拿来个大家分享
今天做一个输入界面,有一需求根据一个DropDownList选择不同,后面部分出现不同的输入界面,若把响应事件放在服务端去做,得频繁刷页面.就想放在客户来处理显示和隐藏相应的输入界面. 放在服务器端,也可以用ajax来实现,不刷页面.但我觉得有更直接更简单方法,用一个js事件是可以实现的. 但,DropDownList不偈Button等控件提供了一些像&OnClientClick&前台事件,只有服务端事件. 想到,所有C#页面代码,最终都是生成HTML,js事件也是最终运在浏览器中,以
onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发:onpropertychange事件是实时触发,每增加或删除一个字符就会触发 1. onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发:onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有. 2. oninput事件与onpropertychange事件的区别: oni
这篇文章主要介绍了file控件选择上传文件确定后触发了什么js事件,需要的朋友可以参考下 一直以来纠结于这个问题.今天闲来上网搜索了一下这个问题.终于知道答案.是onchange事件.经过本人测试,可用.还有说onpropertychange也可以.经chrome浏览器测试,无效果.不知道是什么原因.
用了onchange事件,但是在输入的时候,用Javascript计算出并填值的那一列并不会响应onchange 事件. 今天做一张表单,要求行输入的时候,自动计算值,并且计算值的这一列,要自动合计. 开始用了onchange事件,但是在输入的时候,用Javascript计算出并填值的那一列并不会响应onchange 事件. Google了一下,找到 onpropertychange这个事件,用JS设置值也可以响应. 在Jquery里用的时候,必须要用bind. $(&#textboxID&qu
本文记录了在项目中发现在IE9中不会立即触发change事件,存在兼容问题的解决过程,非常的详尽,解决过程中也有新问题出现,最终都解决完毕,完美实现了兼容各大主流浏览器 最近开发一个项目,需要实现用户在WEB表单里的多个INPUT框中输入数量后,立即自动计算加总各项输入的数量之和,并显示在指定的INPUT框中,这个功能实现的原理是简单的,就是只需要在INPUT的onchange事件中计算加总并将结果赋给指定的INPUT框中即可实现,代码如下: $(&input.syxcost&).ch
事件是可以被JavaScript侦测到的行为. 事件 JavaScript使我们有能力创建动态页面.事件是可以被JavaScript侦测到的行为. 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件.比方说,我们可以在用户点击某按钮时产生一个onClick事件来触发某个函数.事件在HTML页面中定义. 事件举例: 鼠标点击 页面或图像载入 鼠标悬浮于页面的某个热点之上 在表单中选取输入框 确认表单 键盘按键 注意:事件通常与函数配合使用,当事件发生时函数才会执行. 如果需要更全
本文介绍了学习JavaScript事件的21个属性,算是对自己近期学习javascript的一个小小的总结,这里推荐给大家. 1.js事件通常和函数结合来使用,这样可以通过发生的事件来驱动函数的执行,从而引起html出现不同的效果. 2.属性(当这些事件的属性发生时,会触发function{}的函数): 1)onabort:当图像加载被中断时,会引发function内的函数. 2)onbur:当元素失去焦点: 3)onfocus:当元素获得焦点 4)onclick:鼠标点击某个对象 5)ondb
引言 Web前端开发中,开发人员经常需要处理一些常规问题,如: 在页面中引用多个相互存在依赖关系的Javascript文件 在页面中引用CSS文件 浏览器事件绑定 表单的数据填充.数据打包提交.数据校验和格式化 页面初始化逻辑 采用传统的命令式编程范式来处理这些问题时,开发人员不得不反复地通过编写代码调用相关API来完成这些常规任务.事实上,开发人员的主要精力应该集中在业务逻辑实现上,而非在这些常规任务上过多消耗时间.声明式编程范式可以帮助开发人员以最小的工作量去快速搞定这些常规任务,从而能够将
HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应. 对事件做出反应 我们可以在事件发生时执行 JavaScript,比如当用户在 HTML 元素上点击时. 如需在用户点击某个元素时执行代码,请向一个 HTML 事件属性添加 JavaScript 代码: onclick=JavaScript HTML 事件的例子: 当用户点击鼠标时 当网页已加载时 当图像已加载时 当鼠标移动到元素上时 当输入字段被改变时 当提交 HTML 表单时 当用户触发按键时 例子 1 在本例中,
/** * 定义一个全局对象, 属性 Version 在发布的时候会替换为当前版本号 */ var Prototype = { Version: '@@VERSION@@' } /** * 创建一种类型,注意其属性 create 是一个方法,返回一个构造函数. * 一般使用如下 * var X = Class.create(); 返回一个类型,类似于 java 的一个Class实例. * 要使用 X 类型,需继续用 new X()来获取一个实例,如同 java 的 Class.newInstan
最近做了个项目,需要用到省市区三级联动,上网翻了不少资料,于是有了下面的思路和代码 基本思想就是:在JS动态创建select控件的option,通过Ajax获取在PHP从SQL数据库获取的省市区信息,代码有点长,但很多都是类似的,例如JS中省.市.区获取方法类似,PHP中通过参数不同执行不同的select语句. index.html代码: &!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &ht
javascript dom 操作详解 js加强操作实现代码. 1 .文档里的每个节点都有属性 nodeName . nodeValue . nodeType nodeName 文本节点的的节点名是 #text , nodeName 是只读属性 nodeValue 1 元素节点 2 属性节点 3 文本节点 只读属性 nodeType 不能用于元素节点 返回 null 2 . getElementsByTagName 返回一个节点集合 3 . firstChild . lastChild 第一个元
本文介绍javascript使用html中form表单中的select类实现级联菜单效果,需要的朋友可以了解下 用例如下: &form name=&form1& method=&POST& action=&--WEBBOT-SELF--&& &select id=&select1& onchange=&select1onchange()&& &option value=&quo
这篇文章主要介绍了Jquery validation remote 验证的缓存问题的解决方法 ,需要的朋友可以参考下 最近项目中一直在用 Jquery validation 做校验,结合bootstrap 和 jquery form 感觉效果不错.但是remote验证的缓存问题让我头痛了很久,几乎就像放弃这款插件了. 举例说明: 现有学校,年级,班级实体 在同一学校下不能有相同的年级,在同一年级下不能有相同的班级 以同一学校下不能有相同年级为例,在验证的时候用remote方式: JS &grad
这是一份报名表单,要求用户在选中&专业人士访问员&和&定性访问员&后,分别显示&可提供被访者类型&和&容易接触到的行业&的对应表单.当呈未选中状态时,这2个框也对应的隐藏起来. 这是一份报名表单,要求用户在选中&专业人士访问员&和&定性访问员&后,分别显示&可提供被访者类型&和&容易接触到的行业&的对应表单.当呈未选中状态时,这2个框也对应的隐藏起
AJAX之旅(1):由prototype_1.3.1进入javascript殿堂-类的初探 还是决定冠上ajax的头衔,毕竟很多人会用这个关键词搜索.虽然我认为这只是个炒作的概念,不过不得不承认ajax叫起来要方便多了.所以ajax的意思我就不详细解释了. 写这个教程的起因很简单:经过一段时间的ajax学习,有一些体会,并且越发认识到ajax技术的强大,所以决定记录下来,顺便也是对自己思路的整理.有关这个教程的后续,请关注http://www.x2design.net 前几年,javascrip
需要将用户点击下拉列表当中某个选项后,将其所选的内容保存起来,下面与大家分享下如何使用js获取下拉列表框文本值,由此需求的朋友可以参考下 近日碰到一个问题,就是需要将用户点击下拉列表当中某个选项后,将其所选的内容保存起来,例如下面的HTML代码: &select onchange=&isSelected(this.value);& id=&city&& &option value=&1&&北京&/option&
这篇文章主要介绍了PowerShell中执行Javascript的方法示例,特殊场景下可能会用到这个技巧,需要的朋友可以参考下 背景与问题 别人写了一个Web应用程序,使用的是ASP.NET Forms技术.其中用到了一个DropdownList控件,用户选择了某项后,页面会回传,然后在下面再动态的显示另外一个控件,逻辑很简单. 这是产生的的部分的html源码: &select name=&eventTypeDropDown& id=&eventTypeDropDown
这篇文章主要介绍了javascript实现简单的二级联动,非常的实用,需要的朋友可以参考下 二级联动在一般的网页中随处可见,一般是地址,比如点击浙江省,随后出现的是杭州市,嘉兴市:点击北京省出现的是朝阳,海淀,而不是出现杭州,嘉兴. 要想实现这个步骤,就要用到javascript来实现.其中原理用到onchange时间. 首先,onchange 事件会在域的内容改变时发生.支持该事件的 JavaScript 对象:fileUpload, select, text, textarea,我们在实现二
这篇文章主要介绍了js实现checkbox全选和反选示例,需要的朋友可以参考下 复选框全选示例 &input type=&checkbox& name=&selectall& value=on onclick=&selectAll()&& function selectAll(form) { var obj = document.getElementsByName('selectall'); var cks = document.ge
javascript 语法基础,都是一些大体的说下常见问题,适合有点别的程序基础的朋友. 1:javascript区分大小写 2:javascript每一条语句必须以&;&结束,与C语言一样 3:输出:document.write(&字符串&)---&还可以输出对应的html标记 4:改变窗体的颜色document.bgColor=&red&; 4:类型转换:parseInt,parseFloat 5:随机函数:parseInt(Math.
在页面中放入一个DropDownList控件,并添加一项,用来分析其产生的HTML代码,这样在使用js进行动态控制时,将会非常清晰 最近多个页面需要加载一些下拉列表框,供用户选择,原来都是在服务器端进行加载应运用.最后由于业务逻辑方面的考虑,需要将DropDownList的部分功能放到客户端实现.现在下拉列表的功能使用起来感觉比全部放到服务器端性能好多了. 具体方法: 在页面中放入一个DropDownList控件,并添加一项,用来分析其产生的HTML代码,这样在使用js进行动态控制时,将会非常清
文件上传之前的检测,通常是通过文件名来判断文件类型是否合法,但是要想检测文件的大小很难办到,除非在本地或者使用控件.使用JS可以轻松解决词问题,js在上传图片前判断大小 这个可以用javascript实现,效果 功能: 1.限制扩展名:只能jpg || jpg和gif 2.限制图片大小:K为单位 3.限制图片宽高:px为单位(要么都有,要么都无) 4.限制已经损坏的图片(没有预览的图片) 5.限制更改过扩展名的图片(比如强制把一个动态的GIF扩展名改为JPG了) 使用限制: 要在InputFil
两级联动select刷新后,select值保持不变即点击提交按钮后,页面select中继续维持提交前的值,下面有个不错的示例,大家可以参考下 背景 还是学院和专业的关系,我需要保持点击提交按钮后,页面select中继续维持提交前的值 网上有几种办法,要么通过url跳转时候附带参数形式传回页面,或者提交时候讲select的值保存在cookie中,提交后再把cookie中的值填回select中. 我是按照保存在cookie中的方法实现刷新后select值不变,对select设置一个onchange事
功能要求:使用原生代码实现,不可使用任何框架.只针对英文字符进行匹配,并且匹配到的内容在菜单中加粗.通过键盘上的上下箭头可以对菜单进行选择等等,感兴趣的你可以参考下 今天看群里有人发起了人人网以前一些面试题,我以前也转载过一些,恰好闲着,挑选一题来做做,练个手. 本题有以下要求: 1. 使用原生代码实现,不可使用任何框架: 2. 对 input框中输入的字符进行匹配,将匹配到的内容以菜单的形式展现在 input框的下方: 3. 只针对英文字符进行匹配,并且匹配到的内容在菜单中加粗: 4. 通过键
可能&极好的&又会带来很多的非议,但是我认为这确实很好,我看了大约20个无刷新的连动下拉列表,他们在firefox下面就一团糟.为了这个我差不多搞了两天,就是如果提交窗体后如何保持第二个列表框的值,因为通过js 给下拉框添加条目那么他的状态是不会被保存的测试平台:ie6,firefox 功能:二级无刷新连动 特点:跨浏览器;提交窗体取第二下拉框的值;数据来源于数据库;以xmlhttp来发送请求,实现无刷新 请求:如果您能够找到更好的方法请告诉我,非常感谢,您的批评和建议对我是莫大的鼓励
用js实现的日期下拉菜单效果代码,用js主要是方便控制,不需要输入很多的菜单 1.先看效果图: 2.js代码 year_month_day.js year_month_day.js function DateSelector(selYear, selMonth, selDay) { this.selYear = selY this.selMonth = selM this.selDay = selD this.selYear.Group = this.selM
这篇文章主要介绍了JavaScript Ajax Json实现上下级下拉框联动效果实例代码,有需要的朋友可以参考一下 最近尝试做出一个部门和人员的下拉框联动功能,部门和人员的对应关系是1:N &div class=&forntName&&部门&/div& &div class=&inpBox&& &select name=&department& id=&department& onc
下拉框想必大家都有见过,可编辑的下拉框就不多见了吧,本例为大家介绍个不错的实现方法,需要的朋友可以参考下 可编辑下拉框-HTML &div style=&position:&& &select style=&width:120& onchange=&document.getElementById('input').value=this.value&& &option value=&A
今天同事测试发现项目中一个小bug,然后我负责解决.研究了不短的时间,终于搞定了,有点激动.呵呵.拿出来与大家分享. 想要实现的功能大概是这样的: 有两个文本框,其中一个只读,另一个可以输入.要求在可输入文本框中输入文本时,只读文本框能够获得输入的值,且只读文本框旁边出现提示信息,实时显示只读文本框的内容. 这个功能看是简单,但其实并没有想象的那么简单.(注意,可输入框的处理没什么可讨论的,关键是只读框的处理) 一开始,我们一般会想到在只读文本框上运用onchange事件.一试,发现onchan
到现在为止,初始化这些MooTools插件对象就会开始变得越来越熟悉.滚动条(Slider)没有任何不同,你要创建一个新的滚动条,定义滚动条和滑块相关的元素,然后设置你的选项,再创建一些回调事件的控制函数. 尽管滚动条(Slider)遵循这个熟悉的模式,但是任然还有一点特殊的地方. 基本用法 创建一个新的滚动条(Slider)对象 我们首先从HTML和CSS开始.基本的想法是创建一个滚动条的div,因此是一个长的长方形(长度取决于我们用滚动条做什么),还有一个子元素作为滑块. 参考代码: &di
在ie6中对于&input type=&file& /&通过obj.value是可以获取客户端选择文件的全路径的,但是到ie7就只能获取文件名,这对于onchange事件立即显示图片会有问题,可以用js方法解决 具体代码如下: &html& &head& &title&get file input full path&/title& &script language='javascript'& function g
Ajax异步传输想必大家并不陌生吧,下面为大家介绍下与PHP实现交互的示例,大家不要错过 背景 前台页面两个select框,一个与学院关联,另一个与专业关联,现需要选择学院select框后,显示学院相关信息,且专业select下面仅有属于该学院的专业名称.也就是实现一个二级联动效果. 两个select里面分别定义onchange事件,事件中利用ajax的GET方法向后台PHP递交信息,再将查询得到的信息echo出来或document.write. 注:代码参考了有位叫y0umer的博主写的. &
Copyright (C) , All Rights Reserved.
版权所有 闽ICP备号
processed in 0.059 (s). 9 q(s)