本文实例讲述了js上传图片及预览功能。分享给大家供大家参考。具体分析如下: 参考了网上一些人代码写了一个上传图片及时预览的功能 <img id="imgTag" style="height: 100px;" alt="" /> <input type="file" />function DisplayImage(fileTag,imgTagId){ var allowExtention=".jpg.png.gif"; var extentionArr=fileTag.value.split(.); var extention = extentionArr[extentionArr.length-1]; if(!(allowExtention.indexOf(extenti...
本文实例讲述了javascript函数式编程。分享给大家供大家参考。具体分析如下: js像其他动态语言一样是可以写高阶函数的,所谓高阶函数是可以操作函数的函数。因为在js中函数是一个彻彻底底的对象,属于第一类公民,这提供了函数式编程的先决条件。 下面给出一个例子代码,出自一本js教程,功能是计算数组元素的平均值和标准差,先列出非函数式编程的一种写法: var data = [1,1,3,5,5]; var total = 0; for(var i = 0;i < data.len...
本文实例讲述了javascript格式化json显示方法。分享给大家供大家参考。具体分析如下: 将json对象或者json字符串格式化方便在网页上限制 var formatJson = function(json, options) {var reg = null,formatted = ,pad = 0,PADDING = ; //one can also use \t or a different number of spaces// optional settingsoptions = options || {};// remove newline where { or [ follows :options.newlineAfterColonIfBeforeBraceOrBrack...
本文实例讲述了jquery插件bxslider用法。分享给大家供大家参考。具体用法如下: 首先调用对应js文件: <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.bxslider.js"></script>jQuery代码部分: $(function(){ $(#marquee).bxSlider({ mode:vertical, //默认的是水平 displaySlideQty:1,//显示li的个数 moveSlideQty: 1,//移动li的个数 captions: true,//自动控制 a...
本文实例讲述了jQuery控制Div拖拽效果的方法。分享给大家供大家参考。具体如下: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> #Drigging { width:200px; background:#CCC; bord...
本文实例讲述了JS扩展方法实现技巧。分享给大家供大家参考。具体分析如下: JS扩展方法与C#的扩展方法非常相似,也是可以链式调用的,也是通过对某个类的扩展写法来实现。这个东西非常好用,如果将预先写好的方法放到一个js里面引用的话,那么后面写js将非常有趣。 下面给出一个例子: <head><title>测试JS扩展方法</title><script type="text/javascript">// 合并多个空白为一个空白 String.prototype.ResetBlank = function() { ...
本文实例讲述了JavaScript实现的encode64加密算法。分享给大家供大家参考。具体如下: 这段JavaScript代码可实现encode64加密算法,速度还是相当不错的。 //encode64编解码 (function() {var codeChar = "PaAwO65goUf7IK2vi9-xq8cFTEXLCDY1Hd3tV0ryzjbpN_BlnSs4mGRkQWMZJeuh";window.encode64 = function(str) {var s = "";var a = strToBytes(str);//取得字串的字节数组, 数组长度是字串长度的2倍.var res = a.length % 3;//3个字...
本文实例讲述了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"> <head> <script language="javascript" src="inc/jquery-1.4.2.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</...
本文实例讲述了JavaScript使用shift方法移除素组第一个元素的用法。分享给大家供大家参考。具体如下: JS中我们可以通过pop方法移除数组的最后一个元素,可以通过shift方法移除数组的第一个元素 <!DOCTYPE html> <html> <body> <p id="demo"> Click the button to remove the first element of the array.</p> <button onclick="myFunction()">Try it</button> <script> var fruits = ["Banana","Orange","Apple","Mango"]; functi...
在JavaScript中,经常会碰到要监听列表中多项li的情形,假设我们有一个列表如下:代码如下: <ul id="list"> <li id="item1">item1</li> <li id="item2">item2</li> <li id="item3">item3</li> <li id="item4">item4</li> </ul>如果我们要实现以下功能:当鼠标点击某一li时,alert输出该li的内容,我们通常的写法是这样的: 当列表项比较少时,直接给每个li添加onclick事件 列表项比较多时,在onload时就给每个列表项调用监...
本文实例讲述了JavaScript自定义等待wait函数用法。分享给大家供大家参考。具体分析如下: 下面是一个js自定义的wait函数,可以暂停程序的执行 function sleep(delay) {var start = new Date().getTime();while (new Date().getTime() < start + delay); } //usage //wait for 3 seconds sleep(3000);希望本文所述对大家的javascript程序设计有所帮助。
本文实例讲述了javascript操作select元素的用法。分享给大家供大家参考。具体分析如下: 这里熟悉一下js对select元素的操作,html页面中建立一个form,其中包含一个select元素和submit按钮。 当选择select中某一项时改变其文字,当select中所有项的文字都改变后,重新恢复它们。 当按下submit时关闭窗口本身,代码如下: <!DOCTYPE html> <html> <head> <title>duang for select elements</title> <script type="text/javascript">...
本文实例讲述了javascript包装对象用法。分享给大家供大家参考。具体分析如下: js对象是一种复合值:它是属性或已命名值得集合。 参考以下代码: var s = "hello world"; var len = s.length;在该例子中,s是字符串,而字符串不是对象,但为何会有属性呢?其实只要引用了字符串s的属性,js就会将字符串通过调用new String(s)的方式转换为对象,该对象继承了字符串的方法,并被用来处理属性的引用;一旦属性引用结束,这个新创建的...
本文实例分析了JavaScript通过function定义对象并给对象添加toString()方法。分享给大家供大家参考。具体分析如下: 下面的JS代码通过function定义了一个movie对象,在movie对象内定义了一个toString方法,toString方法通过外部函数实现。 <script type="text/javascript"> function movieToString() {return("title: "+this.title+" director: "+this.director); } function movie(title, director) {this.title = title;this.dir...
本文实例讲述了JS中prototype的用法。分享给大家供大家参考。具体分析如下: JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类: a 类方法 b 对象方法 c 原型方法 例子如下: function People(name) ...