随笔分类 - 前台javascript
摘要：发表于2013/11/07当在数据量不是很大，而且没有后端对应的功能接口的时候，一些简单的搜索功能基本上是前端去实现的，正好最近用到，写了一个，贴出来和大家分享：功能描述：按下键盘后及时搜索条目中的汉字，汉字对应的拼音和号码；实现思路：先将条目中的汉字转换成拼音，然后将汉字，拼音，数字拼接成规律的字符串，放入数组，然后每次按下键盘后判断 input 中的值是汉字，拼音，还是数字，然后按固定的规律去循环数组，这样就能找到对应的条目了；启用方式：// search-test-inner ---> 最外层div// search-value ---> input 输入框// search
阅读全文
摘要：本案例的开发环境：MyEclipse+tomcat+jdk 本案例的开发内容：用百度编辑器发布新闻（UEditor的初始化开发部署）编辑已发过的新闻（UEditor的应用——编辑旧文章）上传附件、图片等 由于百度编辑器强大的功能，web开发爱好者无不喜爱。但网上关于其开发的具体细节或整个项目的开发案例并不是很多，因此写下这篇简单开发百度编辑器UEditor的案例。 此案例只是简单的应用Ueditor，仅供参考。 项目名称：UEditorCase 项目组织结构图：(一)UEditor的开发部署 到官方网站下载ueditor jsp（utf-8）版开发包。ueditor1_2_...
阅读全文
摘要：本文向大家简单介绍一下iframe父子窗口间JS方法调用，JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用，希望本文介绍对你有所帮助。iframe父子窗口间JS方法调用父窗口调用iframe子窗口方法myFrame.window.functionName(); iframe子窗口调用父窗口方法parent.functionName(); 父窗口页面子窗口页面
阅读全文
摘要：一.AjaxPro的使用1.在项目中添加引用，浏览找到AjaxPro.2.dll文件2.在Web.config中的system.web里面写入以下代码 3.在加载事件中，加入 AjaxPro.Utility.RegisterTypeForAjax(typeof(类名));4.写的方法都要用 [AjaxPro.AjaxMethod]开头，然后在写方法5.调用时必须写清楚 命名空间名.类名.方法，例:WebUI._Default.getData();6.调用可分两中方法(同步调用，异步调用) //在后台写的无参方法 [AjaxPro.AjaxMethod] public st...
阅读全文
摘要：如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，这同offsetLeft是相同的，区别在于：1. style.left 返回的是字符串，如28px，offsetLeft返回的是数值28，如果需要对取得的值进行计算，还用offsetLeft比较方便。2. style.left是读写的，offsetLeft是只读的，所以要改变div的位置，只能修改style.left。3. style.left的值需要事先定义，否则取到的值为空。而且必须要定义在html里，我做过试验，如果定义在cs
阅读全文
摘要：作者：一只猿原文地址：http://www.92ez.com转载请注明出处，谢谢帮助说明如果您认为QuoJS只是一个触摸事件管理器，那你就错了，它是一个功能丰富的类库，无需第三方JavaScript库（例如 jQuery, Prototype, Kendo ...）来创建基于浏览器应用程序的复杂项目。项目地址:http://quojs.tapquo.com/ 如何使用QuoJS使用的命名空间是$$,所以如果你需要的话,你还可以使用其它的JavaScript类库例如(jQuery,Zepto...)使用通用符号$。1234567891011// Find all elements in ...
阅读全文
摘要：代码如下: (function(){ //这里忽略jQuery所有实现 })(); (function(){ //这里忽略jQuery所有实现 })(); 半年前初次接触jQuery的时候，我也像其他人一样很兴奋地想看看源码是什么样的。然而，在看到源码的第一眼，我就迷糊了。为什么只有一个匿 名函数又没看到运行（当然是运行了……），就能有jQuery这么个函数库了？于是，我抱着疑问来到CSDN。结果相信现在很多人都很清楚了（因为在我之 后也不乏来者，呵呵~）。当一个匿名函数被括起来，然后再在后面加一个括号，这个匿名函数就能立即运行起来！真神奇哦！ 嘿嘿！胡闹到此为止。在这一节，我们碰到的j...
阅读全文
摘要：提取自ZCMS的弹出框：代替window.open、window.alert、window.confirm；提供良好的用户体验；水晶质感，设计细腻，外观漂亮；兼容ie6/7/8、firefox2/3、Opera；弹出框在ie6下不会被select控件穿透；无外部css文件，引用Dialog.js即可使用；对iframe下的应用作了充分考虑，适合复杂的系统应用；Dialog显示的内容（三种）：1、指向一个URL的iframe窗口；2、页面内隐藏的元素中的html内容；3、直接输出一段html内容；按ESC键可关闭弹出框；主调函数参数说明：Dialog.open(({ID,Title,URL,In
阅读全文
摘要：转自： http://kb.cnblogs.com/page/153741/文件上传是最古老的互联网操作之一。 20多年了，它几乎没变，还是原来的样子：操作麻烦、缺乏交互、用户体验不佳。在这个新技术日新月异的时代，显得非常落伍。 网页开发者们想了很多办法，试图提升文件上传的功能和操作体验，在各种 Javascript 库的基础上，开发了五花八门的插件。可是，由于不同浏览器之间的差异，缺乏统一接口，这些插件要么用起来很麻烦，要么不能普遍适用。 HTML5提供了一系列新的浏览器 API，使得文件上传有可能出现革命性变化。英国程序员Remy Sharp总结了这些新的接口，本文在他的文章基础上，...
阅读全文
摘要：概述以往对于基于浏览器的应用而言，访问本地文件都是一件头疼的事情。虽然伴随着 Web 2.0 应用技术的不断发展，JavaScript 正在扮演越来越重要的角色，但是出于安全性的考虑，JavaScript 一直是无法访问本地文件的。于是，为了在浏览器中能够实现诸如拖拽并上传本地文件这样的功能，我们就不得不求助于特定浏览器所提供的各种技术了。比如对于 IE，我们需要通过 ActiveX 控件来获取对本地文件的访问能力，而对于 Firefox，同样也要借助插件开发。由于不同浏览器的技术实现不尽相同，为了让程序能够支持多浏览器，我们的程序就会变得十分复杂而难于维护。不过现 在，这一切都因为 File
阅读全文
摘要：Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高..主要我是要解决一下几个问题:1.apply和call的区别在哪里2.什么情况下用apply,什么情况下用call3.apply的其他巧妙用法（一般在什么情况下可以使用apply）我首先从网上查到关于apply和call的定义,然后用示例来解释这两个方法的意思和如何去用. apply:方法能劫
阅读全文
摘要：JavaScript中有一个call和apply方法，其作用基本相同，但也有略微的区别。先来看看JS手册中对call的解释：call 方法调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2,, argN可选项。将被传递方法参数序列。说明call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作
阅读全文
摘要：json对象var json = {aa:true,bb:true};var json1 = {aa:'b',bb:{cc:true,dd:true}};1：js操作json对象 for(var item in json){ alert(item); //结果是 aa,bb, 类型是 string alert(typeof(item)); alert(eval("json."+item)); //结果是true，true类型是boolean eval(("json."+item+"=false;")); //改变jso
阅读全文
摘要：请看下面这条语句：var ns6=document.getElementById && !document.all为什么document.getElementById的后面没有括号和参数？这条语句什么意思？？首先说，不是语法错误，如果谁认为是语法错误，那说明对javascript的本质根本就不了解。javascript 的只是基本上可以分成 core javascript 和 client side javascript ，而document 则属于浏览器端（client side）的一个语言原有对象，而 getElementById 和all 这两个方法是document的原
阅读全文
摘要：要实现动态加载JS脚本有4种方法：1、直接document.write<script language="javascript"> document.write("<script src='test.js'><\/script>");</script>2、动态改变已有script的src属性<script src='' id="s1"></script><script language="javascript&quo
阅读全文
摘要：创建一个弹出DIV窗口可能是现在网站/网页制作中最常碰到的问题之一。传统的JavaScript弹窗已经不适合目前网站的设计理念了，理由有二：首先，不友好——生硬的弹出对话框且伴随着“哐”的一声对用户体验是个很大的挑战；其次，兼容性不够强——有相当多的浏览器屏蔽了这种JS的Alert()方法。于是，一个良好用户体验的网站需要一种更合理的解决方案——使用很少的HTML代码，很少的CSS代码和几行的JavaScript代码来模拟浏览器默认的弹出窗口（即替换掉默认的Alert()界面和功能）。实现原理：首先，我们将弹出框中的内容放置在一个特殊的DIV层中，然后默认隐藏它（即初始不可见，使用CSS即可实
阅读全文
摘要：今天检查自己用JQuery+AJAX+PHP做的网站后台登录检测，发现登陆成功后执行页面跳转函数这段JavaScript（JS）代码特效在IE和谷歌浏览器Chrome下都可以很好地执行，兼容性还不错。结果到了火狐（FireFox）浏览器下setTimeout这个JS内置函数不执行了，无效了，也没报错！打开FireBUG指望它能检测出JS的错误，结果没用...Javascript(JS)脚本代码在各浏览器下的兼容是一个很头疼的问题，经过一番调试和搜索，终于解决了setTimeout这个JS代码在火狐下失效不兼容不能运行和执行的错误。目前这个setTimeout可以很好地兼容IE6，7,8,9以及
阅读全文
摘要：昨天用jQuery插件aeImageResize，发现它更有优势：每张图片加载完后，会马上进行等比缩放。 这归于图片对象Image的加载事件onload的功劳。 查看插件的源码，发现它也依赖图片对象的complete属性和onload事件，并且特别把IE6区分对待，到底IE6在图片加载对象上，与其它浏览器有什么不同呢？ 看下文： 通过js操纵DOM很多情况下都是为了实现和当前页html元素的异步载入，我谈谈对Image对象的一些认识。 看个例子： 复制代码 代码如下:<input type="button" name="" value="
阅读全文
摘要：function getPageScroll(){ var yScroll; if (self.pageYOffset) { yScroll = self.pageYOffset; //xScroll = self.pageXOffset; } else if (document.documentElement && document.documentElement.scrollTop){ yScroll = document.documentElement.scrollTop; } else if (document.body) { yScroll = document.bo
阅读全文
摘要：mozilla用的是document.getElementById("iframe").contentWindow.focus()FireFox和IE下取得空间属性document.getElementById('divList').getAtrribute("style")设置同理，document.getElementById('divList').setAttribute("style","width:100%") FireFox下操作IFrame //设置freetextbo
阅读全文