基于jQuery的一个扩展form序列化到json对象

2016年07月27日 9 阅读

复制代码 代码如下: $.fn.serializeObject = function（） { var o = {}; var a = this.serializeArray（）; $.each（a, function（） { if （o[this.name]） { if （！o[this.name].push） { o[this.name] = [ o[this.name] ]; } o[this.name].push（this.value || ""）;...

javascript 折半查找字符在数组中的位置（有序列表）

2016年07月27日 5 阅读

复制代码 代码如下:/** * 折半查找字符在数组中的位置（有序列表） * @param array 被检索的数组 * @param x 要查找的字符 * @type int * @returns 字符在数组中的位置，没找到返回-1 */ function binarySearch（array,x）{ var lowPoint=1; var higPoint=array.length; var returnValue=-1; var midPoint; v...

教您去掉ie网页加载进度条的方法

2016年07月27日 5 阅读

这样虽没有对功能有什么影响，可是体验总不怎么好，那如何解决这个问题了，网上有很多文章都有说过在被目标页加载后设置window.status = "xx"这类的，可是我发现这个方法这样的情形下并不怎么好使。 复制代码 代码如下: <div> <ul> <li><a href="1.html" target="page"></a></li> <li><a href="2....

一起来写段JS drag拖动代码

2016年07月27日 6 阅读

1、为要被拖移三个事件,onmousedown,onmousemove,onmouseup 2、在onmousemove事件中来处理被拖移元素的位置的变化，其实说白了元素要移动的距离就是鼠标两次移动之间的距离。 3、其中还包括setCapture,releaseCapture，目的就是为了被搬移的元素始终能拥有焦点。 以前大致就是以前的认识，可以参见 JS拖动技术--- 关于setCapture 这个实现，后来随着工作要求的提高，做的工作都是要跨浏览器的，...

JS拖动技术 关于setCapture使用

2016年07月27日 6 阅读

JS拖动技术--- 关于setCapture （转自 剑胆琴心-.Net学习笔记） 复制代码 代码如下: <script type="text/javascript"> <！-- window.onload=function（）{ objDiv = document.getElementById（"drag"）; drag（objDiv）; }; function drag（dv）{ dv.onmousedown=function（e）{...

web前端开发也需要日志

2016年07月27日 6 阅读

如IE6,在他上面还不那么富饶，给程序调试带来的很大的痛苦啊，所以日志即时输出是一个不错的选择，可以知道程序覆盖到了哪里。即是在先进的浏览器上也是很有必要的，他比去调试程序来确定相应的业务代码有没有执行到也快的多也容易的多，好了，下面来给大家介绍一个我业余时间写的调试信息输出工具。 上代码： 复制代码 代码如下: （function（）{ var cache = []; var el = null; this.__debugLine = 1; functi...

IE6下CSS图片缓存问题解决方法

2016年07月27日 7 阅读

用一句代码即可搞定： 复制代码 代码如下: document.execCommand（"BackgroundImageCache", false, true）; 当然为了其它浏览器上能正常通过，需要做下判断后调用，才更安全： 复制代码 代码如下: if（Browser.isIE6）{ try{ document.execCommand（"BackgroundImageCache", false, true）; } catch（e1）{} } 平台检测代...

Javascript将string类型转换int类型

2016年07月27日 7 阅读

郁闷的事来了，先看前台HTML： 复制代码 代码如下: 购买数量： <input id="txtNum" type="text" value="1" runat="server" onchange="javascript:checkNum（）;" /> 件（库存<span id="getGoodsNum"> <%=GOODSNUM%></span>）件 用JS取值，注意看JS代码： 复制代码 代码如下: v...

客户端限制只能上传jpg格式图片的js代码

2016年07月27日 7 阅读

复制代码 代码如下: function checkPhoto（fnUpload） { var filename = fnUpload.value; alert（filename）; var mime = filename.toLowerCase（）.substr（filename.lastIndexOf（"."））; if（mime！=".jpg"） { alert（"请选择jpg格式的照片上传"）; fnUpload.outerHTML=fnUpload...

js下关于onmouseout、事件冒泡的问题经验小结

2016年07月27日 7 阅读

问题是这样的：一个div元素要触发onmouseout事件，同时这个div内部还有子元素，于是当鼠标移动到该div的子元素上时，onmouseout事件也被触发了。在要做浮动层效果的时候会经常遇到这个问题。 解决方法一： 使用jQuery，这个大家都会的： 复制代码 代码如下: <div id="div1">触发显示浮动层</div> <div id="div2"> <ul> <li>1</...

JavaScript（JS） 压缩 / 混淆 / 格式化 批处理工具

2016年07月27日 8 阅读

昨天分享了http://jscompress.sinaapp.com/这个小工具后，发现大家还是很喜爱的。因此今天我把它json化了.用json传输数据，也开放了api本工具所有的功能实现都是由http://jscompress.sinaapp.com/api处理.（包括现在可以使用的这个在线压缩）所有的数据交换均由 HTTP POST 输入处理后由 json 作为数据输出格式.API参数 : http://jscompress.sinaapp.com/a...

input按钮的事件处理大全

2016年07月27日 5 阅读

1.<INPUT onclick=document.all.WebBrowser.ExecWB（1,1） type=button value=打开 name=Button1> 2.<INPUT onclick=document.all.WebBrowser.ExecWB（4,1） type=button value=另存为 name=Button2> 3.<INPUT onclick=document.all.WebBrows...

为超链接加上disabled后的故事

2016年07月27日 6 阅读

场情： 一张页面中原来有一个超链接按钮，点击后可以获取到短信认证码。如 复制代码 代码如下: <a href="javascript:reciverSms（）">获取短信认证码</a> <script type="text/javascript"> function reciverSms（）{ var sms = getSmsCode（）; } </script> 但是考虑到频繁点击获取认证码，对相关设...

DIY jquery plugin - tabs标签切换实现代码

2016年07月27日 7 阅读

Why DIY jquery tab 接触jquery 2,3个月了，一直都未动手写过插件。正好最近比较闲，就打算把一直看不顺眼的项目中现有的tab改造一番（现有的tab未能做成一个控件，copy,past的代码太多）。 想着jQuery这么强大的库不可能没有tabs插件吧，赶紧搜了一下，哈，果然！jQuery tabs！心里一阵窃喜，赶紧load下来用用吧。可查看了一下它的用法，才发现不太适用现有的项目耶，我们的tab每一个都对应着一个完整的页面，是用i...

基于Jquery 解决Ajax请求的页面 浏览器后退前进功能，页面刷新功能实效问题

2016年07月27日 6 阅读

需要使用的 jquery.history.js插件 在巨人的肩膀之上，以下前进后退工作基于插件完成！ 做了几个兼职，上天帮人完成页面的时候顺便做了一个ajax的请求。发现浏览器的刷新，后退，前进按钮失效。于是乎google了一下。发现了一些解决方法。其中一个jquery.hashchange.js的插件有的时候会失效，有的时候会造成页面多次请求。 换另外一个插件测试下，完美达到我的要求。 总的思路，在url上加上参数，一切工作基于这个参数完成。 复制代码 ...

基于jQuery的history历史记录插件

2016年07月27日 7 阅读

关于jQuery的历史 jQuery history plugin helps you to support back/forward buttons and bookmarks in your javascript applications.历史的jQuery插件可以帮助您回到您的JavaScript支持应用程序/前进按钮和书签。 You can store the application state into URL hash and restore ...

Wordpress ThickBox 点击图片显示下一张图的修改方法

2016年07月27日 9 阅读

以wordpress 3.0.2为例，打开 wp-includes/js/thickbox/thickbox.js，找到以下代码行： 复制代码 代码如下: jQuery（"#TB_window"）.append（"<a href="" id="TB_ImageOff" title=""+thickboxL10n.close+""><img id="TB_Image" src=""+url+"" width=""+imageWidth+""...

Wordpress ThickBox 添加“查看原图”效果代码

2016年07月27日 7 阅读

在 wp-includes/js/thickbox/thickbox.js 大概39行的function tb_show（caption, url, imageGroup）中，添加如下行（粗体红色字代表新添加的代码） 复制代码 代码如下: function tb_show（caption, url, imageGroup） {//function called when the user clicks on a thickbox link try { //...

基于jquery的修改当前TAB显示标题的代码

2016年07月27日 9 阅读

有朋友提出如下应用场景： 在当前tab选项卡中单击链接后，新内容在当前选项卡中显示，但标题内容还是上一页标题要改为新的标题，解决方法如： 首先在 outlook.js 中加入如下代码： 复制代码 代码如下: function changeCurrentTabTitle（oldtitle,newtitle,url）{ var currTab = $（"#tabs"）.tabs（"getTab",oldtitle）; // or var currTab = $...

jQuery ul标签下拉菜单演示代码

2016年07月27日 5 阅读

这是菜单的内容，用ul标签实现菜单： 复制代码 代码如下: <div id="menu"> <ul> <li><a href="">菜单一</a> <ul> <li><a href="">子菜单1</a></li> <li><a href="">子菜单2</a> <ul><li>...