js实现动态创建的元素绑定事件 2016年07月29日 16 阅读 新创建的元素用传统的办法无法绑定,需要用live方法。例: $(".rule").live("mouseover", function () { $(this).addClass("cancelable");以上这篇js实现动态创建的元素绑定事件就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。...
js 动态给元素添加、移除事件的实现方法 2016年07月29日 16 阅读 最近项目中要要到 js动态给给元素绑定事件,刚好之前没用到过这些,顺便学习一下,于是google了一下 事件,写了如下两个事件 一个添加事件 ,一个是移除事件/addEventListener(),removeEventListener()用于处理指定和删除事件处理程序的操作//作用域:事件处理程序会在其所属元素的作用域内运行//addEventListener(event,function,capture/bubble);removeEventListe...
如何在JS中实现相互转换XML和JSON 2016年07月29日 15 阅读 开发中有时候会遇到XML和JSON相互转换,要求在JS中使用,网上找了好多,竟然每一个好用的,要么缺胳膊少腿,要么词不达意,太没天理了,果断自己实现一个。JSON与XML的区别比较1.定义介绍(1).XML定义扩展标记语言 (Extensible Markup Language, XML) ,用于标记电子文件使其具有结构性的标记语言,可以用来标记数据、定义数据类型,是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document typ...
plupload+artdialog实现多平台上传文件 2016年07月29日 14 阅读 在没介绍正文之前先给大家介绍下plupload知识plupload简介Plupload是有TinyMCE的开发者开发的,为您的内容管理系统或是类似上传程序提供一个高度可用的上传插件。Plupload 目前分为一个核心API 和一个jQuery上传队列部件,这样使你可以直接使用或是自己定制。plupload特性Plupload使用jQuery的组件做为选择文件和上传文件的队列组件。Plupload使用Flash,Silverlight,HTML5,Gears...
artDialog+plupload实现多文件上传 2016年07月29日 17 阅读 Plupload简介Plupload是有TinyMCE的开发者开发的,为您的内容管理系统或是类似上传程序提供一个高度可用的上传插件。Plupload 目前分为一个核心API 和一个jQuery上传队列部件,这样使你可以直接使用或是自己定制。一、效果展示包括文件上传面板以及文件上传列表二、介绍长话短说,采用spring springMVC mybatis maven mysql,实现多文件上传功能,下载使用的是流的形式。其中涉及的分页我会另开一片博客介绍。三...
使用plupload自定义参数实现多文件上传 2016年07月29日 15 阅读 1、在开发中可能需要用户附件上传的功能,实现批量上传功能其实就将多个上传任务放到一个集合中,分别上传。2,使用plupload js插件可以很轻松的实现带参数的多文件上传3、具体js实现方式<script type="text/javascript">var map={};//文件id为key,文件类型为value的集合// Custom example logicvar uploader = new plupload.Uploader({ru...
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】 2016年07月29日 21 阅读 本文实例讲述了jQuery悬停文字提示框插件jquery.tooltipster.js用法。分享给大家供大家参考,具体如下:运行效果截图如下:index.html页面:<!DOCTYPE html><html lang="en"><head><title>jQuery Tooltips悬停文字提示框效果</title><meta charset="utf-8" /><link r...
js基于cookie记录来宾姓名的方法 2016年07月29日 14 阅读 本文实例讲述了js基于cookie记录来宾姓名的方法。分享给大家供大家参考,具体如下:<!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>...
javascript中使用未定义变量或值的情况分析 2016年07月29日 14 阅读 本文实例讲述了javascript中使用未定义变量或值的情况。分享给大家供大家参考,具体如下:javascript里面一般不能使用未定义的值,但是下面几种情况除外:1. 赋值语句中:a=9;alert(a) //9赋值语句中需要赋值的变量没定义会先定义,再赋值。另外从 a=b=c=8 不报错可以看出赋值语句是从右向左执行的。2. for in语句中:for(key in {name:"goofy"}){alert(key) //"name"}alert(k...
JavaScript动态添加css样式和script标签 2016年07月29日 14 阅读 [动态添加css样式]<html> <head> <script type="text/javascript"> window.onload=function(){ var head=document.getElementsByTagName("head")[0]; //获取到head元素 var link=document.createElement("link"...
JavaScript新增样式规则(推荐) 2016年07月29日 17 阅读 关键代码如下所示:<html> <head> <link rel="stylesheet" type="text/css" href="basic.css"> <script> window.onload=function(){ var sheet=document.styleSheets[0]; //【新增样式规则】 // she...
JS实现输入框提示文字点击时消失效果 2016年07月29日 13 阅读 本文实例讲述了JS实现输入框提示文字点击时消失效果。分享给大家供大家参考,具体如下:在网页登陆框里的输入框里常常会看到提示你输入什么内容的字样颜色比较淡的,这个就是“文本框点击时文字消失,失去焦点时文字出现”这个效果;这个效果用个JS就可以完成,这个效果是做网站的人必备的JS代码;自己会写JS的写写也快,不会写的就需要代码收集以作备用,用到的时候就方便多了。下面就是这个效果实现用到的JS代码:<script language="JavaScript"...
js简单实现图片延迟加载的方法 2016年07月29日 13 阅读 本文实例讲述了js简单实现图片延迟加载的方法。分享给大家供大家参考,具体如下:window.onload=window.onresize=window.onscroll=function(){showImg();};function getPos(obj){var l=0;var t=0;while(obj){l+=obj.offsetLeft;t+=obj.offsetTop;obj=obj.offsetParent;}return {left: l, ...
javascript中数组和字符串的方法对比 2016年07月29日 15 阅读 前面的话字符串和数组有很多的相同之处,它们的方法众多,且相似度很高;但它们又有不同之处,字符串是不可变值,于是可以把其看作只读的数组。本文将对字符串和数组的类似方法进行比较可索引ECMAScript5定义了一种访问字符的方法,使用方括号加数字索引来访问字符串中的特定字符可索引的字符串的最大的好处就是简单,用方括号代替了charAt()调用,这样更加简洁、可读并且可能更高效。不仅如此,字符串的行为类似于数组的事实使得通用的数组方法可以应用到字符串上如果参数超...
Nodejs从有门道无门菜鸟起飞必看教程 2016年07月29日 18 阅读 这是一篇菜鸟教程,这是一篇菜鸟教程,如果你是菜鸟到话。简单来说Nodejs并不是一门新的语言,但是它可以让我们的JS运行在服务器端,在服务器端写JS代码并且输入输出,也就是说以后要是有人问你JS是不是只能运行在浏览器中,你千万别说,唉,是啊。记得刚开始学HTML,CSS,JS的时候第一印象就是下载各种浏览器,因为兼容问题T_T,不过现在有个好消息学Nodejs它并没有兼容问题。如果你想知道为什么Nodejs没有兼容问题,那你的先清楚前端为什么会有兼容问题,...
javascript特效实现——当前时间和倒计时效果的简单实例 2016年07月29日 15 阅读 这个效果的实现关键是对Date对象和setTimeout的使用。一共有三个例子,HTML结构如下,就不添加CSS样式了。<body>当前时间:<p id="p1"></p>高考倒计时:<p id="p2"></p>限时抢购:<p id="p3"></p></body>主要体会javascript的实现window.onload=function () { var...
JavaScript的==运算详解 2016年07月29日 14 阅读 大家知道,JavaScript中的==是一种比较复杂运算,它的运算规则很奇怪,很容易让人犯错,从而成为JavaScript中“最糟糕的特性”之一。在仔细阅读ECMAScript规范的基础上,我画了一张图,我想等你理解了这张图后,会彻底地弄懂关于==运算的一切。同时,我试图通过此文向大家证明==并不是那么糟糕的东西,它很容易掌握,甚至看起来很合理,并没那么糟糕。先上图:==运算规则的精确描述在此:The Abstract Equality Compariso...
必备的JS调试技巧汇总 2016年07月29日 15 阅读 前言:任何一个编程者都少不了要去调试代码,不管你是高手还是菜鸟,调试程序都是一项必不可少的工作。一般来说调试程序是在编写代码之后或测试期修改Bug 时进行的,往往在调试代码期间更加能够体现出编程者的水平高低以及分析问题的准确度。不少初学者在寻找错误原因时,总是不得要领,花费了大量时间却无法解决一些最终证明是相当简单的Bug。掌握各种调试技巧,必定能在工作中起到事半功倍的效果。譬如,快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重...
Bootstrap被封装的弹层 2016年07月29日 14 阅读 对于Bootstrap的弹层,插件有很多,今天主要用的是它自带的功能,通过bootstrap提供的模式窗口来实现的,而小编主要对使用方法进行了封装,开发人员可以自己动态传入弹层的HTML内容,可以控制按钮的显示与隐藏,用户通过MVC扩展方法对弹层进行生成,然后使用A标签进行调用.具体使用很简单@Html.GenerateDialog("测试",true, @<div><form action="/home/index">hello ...
JavaScript中的splice方法用法详解 2016年07月29日 16 阅读 JavaScript中的splice主要用来对js中的数组进行操作,包括删除,添加,替换等。注意:这种方法会改变原始数组!。1.删除-用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数)2.插入-向数组指定位置插入任意项元素。三个参数,第一个参数(插入位置),第二个参数(0),第三个参数(插入的项)3.替换-向数组指定位置插入任意项元素,同时删除任意数量的项,三个参数。第一个参数(起始位置),第二个参数(删除的项数),第三个...