本文实例讲述了JavaScript使用shift方法移除素组第一个元素的用法。分享给大家供大家参考。具体如下: JS中我们可以通过pop方法移除数组的最后一个元素,可以通过shift方法移除数组的第一个元素Click the button to remove the first element of the array. Try itvar fruits = ["Banana","Orange","Apple","Mango"]; function myFunction() { fruits.shift(); var x=document.getElementById("demo"); x.innerHTML=fruits; }上面的...
本文实例讲述了jQuery控制Div拖拽效果的方法。分享给大家供大家参考。具体如下:无标题文档#Drigging { width:200px; background:#CCC; border:solid 1px #666; height:80px; line-height:80px; text-align:center; position:absolute; }$(function(){ var bool=false; //标识是否移动元素 var offsetX=0; //声明DIV在当前窗口的Left值 var offsetY=0; //声明DIV在当前窗口的Top值 $("#Drigging").mouseover(function(){ $(this)....
本文实例讲述了JS扩展方法实现技巧。分享给大家供大家参考。具体分析如下: JS扩展方法与C#的扩展方法非常相似,也是可以链式调用的,也是通过对某个类的扩展写法来实现。这个东西非常好用,如果将预先写好的方法放到一个js里面引用的话,那么后面写js将非常有趣。 下面给出一个例子:测试JS扩展方法// 合并多个空白为一个空白 String.prototype.ResetBlank = function() { //对字符串扩展var regEx = /\s+/g; return this.replace...
本文实例讲述了jquery图片切换实现方法。分享给大家供大家参考。具体如下:无标题文档#butt div{width:122px; height:32px; float:left; text-align:center; }function tab_q(now_id) { if(now_id == null) {//alert($("#butt").find("div:visible").attr("id"))c_show_id = $("#cont").find("div:visible").attr("id");//此时显示按钮的ID名称nums_id = c_show_id.substring(1,3);//截取B1后面的1,作为字符串放到C后面b_show_id ...
本文实例讲述了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插件bxslider用法。分享给大家供大家参考。具体用法如下: 首先调用对应js文件:jQuery代码部分:$(function(){ $('#marquee').bxSlider({ mode:'vertical', //默认的是水平 displaySlideQty:1,//显示li的个数 moveSlideQty: 1,//移动li的个数 captions: true,//自动控制 auto: true, controls: false//隐藏左右按钮 }); });HTML结构如下:CSS定义左右按钮样式:.bx-prev{ width:12px; height:26px; backgr...
本文实例讲述了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.newlineAfterColonIfBeforeB...
本文实例讲述了js上传图片及预览功能。分享给大家供大家参考。具体分析如下: 参考了网上一些人代码写了一个上传图片及时预览的功能function DisplayImage(fileTag,imgTagId){ var allowExtention=".jpg.png.gif"; var extentionArr=fileTag.value.split('.'); var extention = extentionArr[extentionArr.length-1]; if(!(allowExtention.indexOf(extention)>-1)){ alert("Please upload image!"); }else{ //for adveced broswer(...
本文实例讲述了javascript显式类型转换的方法。分享给大家供大家参考。具体分析如下: 尽管js可以做许多自动类型转换,但某些时候仍然需要做显示类型转换或为了代码逻辑清晰易读而做显示类型转换。 做显示类型转换最简单的方法就是用Boolean()、Number()、String()或Object()函数:Number("3") //3 String(false) //"false" false.toString()//同上 Boolean([]) //true Object(3) //new Number(3)js中的某些运算符会做隐式类型转...
本文实例讲述了javascript原始值和对象引用的方法。分享给大家供大家参考。具体分析如下: 一句话来说:原始值是不可变的,而对象引用是可变的。 js中的原始值(undefined、null、布尔值、数字和字符串)与对象(包括数组和函数)有着本质的区别。原始值是不可更改的,任何方法都无法更改一个原始值;对于字符串来说,字符串中所有的方法看上去返回了一个修改后的字符串,实际上返回的是一个新的字符串值:var str="hello world"; ...
本文实例讲述了javascript函数式编程。分享给大家供大家参考。具体分析如下: js像其他动态语言一样是可以写高阶函数的,所谓高阶函数是可以操作函数的函数。因为在js中函数是一个彻彻底底的对象,属于第一类公民,这提供了函数式编程的先决条件。 下面给出一个例子代码,出自一本js教程,功能是计算数组元素的平均值和标准差,先列出非函数式编程的一种写法:var data = [1,1,3,5,5]; var total = 0; for(var i = 0;i 为了使用函数...
本文实例讲述了js网页滚动条滚动事件用法。分享给大家供大家参考。具体分析如下: 在做js返回顶部的效果时,要监听网页滚动条滚动事件,这个事件就是:window.onscroll。当onscroll事件发生时,用js获得页面的scrollTop值,判断scrollTop为一个设定值时,显示“返回面部” js网页滚动条滚动事件#top_div{ position:fixed; bottom:80px; right:0; display:none; } window.onscroll = function(){ var t = document.documentElement...
本文实例讲述了js表格排序的方法。分享给大家供大家参考。具体如下:SortTable2var k=0; /**//************************************************************************** 排序的主方法,有三个形参,STableTd,iCol,sDataType分别为需要排序的表格ID, 需要排序的表格列号,所在列的数据类型(支持int,float,date,string四种数据类型) **************************************************************************/ function s...
本文实例讲述了javascript操作表格排序的方法。分享给大家供大家参考。具体如下: 完整例子如下:Table Sort Example//转换器,将列的字段类型转换为可以排序的类型:String,int,floatfunction convert(sValue, sDataType) {switch(sDataType) {case "int":return parseInt(sValue);case "float":return parseFloat(sValue);case "date":return new Date(Date.parse(sValue));default:return sValue.toString();}}//排序函数产生器...
本文实例讲述了js字符串操作方法。分享给大家供大家参考。具体如下:var str="This is my first Script code."; document.write("原字符串为:"+str+"") document.write("第五个字符之后的部分:"+str.slice(5,-1)+""); document.write("第五个字符之后的15个字符:"+str.substr(5,15)+""); document.write("第五个字符后至第15个字符:"+str.substring(5,15)+"");希望本文所述对大家的javascript程序设计有所帮助。