-
javascript判断dom是否加载完毕
所属栏目:[模式] 日期:2018-09-26 热度:190
首先要明确两个概念 1.window.onload:页面加载完毕,页面内所有组件(图片等)都可用。 2.dom 加载:指文档对象模型加载完毕,要先于window.onload事件。 可以看出,当页面包含大量组件(特别是图片)的情形下,以上两种加载的时间相隔将会很长,这时判断dom何[详细]
-
javascript 缓存提供程序
所属栏目:[模式] 日期:2018-09-26 热度:135
副标题#e# 相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络(CDN)缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运[详细]
-
关于ExtJS错误“例外被抛出且未被接
所属栏目:[模式] 日期:2018-09-26 热度:55
最近在使用ExtJS搭建网页界面过程中报出错误消息,IE中的提示如下: 例外被抛出且未被接住,行19。。。。 Firefox 提示如下: uncaught exception: No center region defined in BorderLayout westpanel. 根据IE的错误信息调试了老半天也没找到哪的毛病,[详细]
-
cookie的添加、获
所属栏目:[模式] 日期:2018-09-26 热度:155
下面这段代码最开始是参考腾讯的,自经过调整加工及添加注释后贴出来,希望对大家有所帮助。 在注释中的解释应该已经很详细了,如遇到问题可以在评论中咨询。 // cookie 2.0 F7 Editor function setCookie(name, value, expires, path, domain){ //name coo[详细]
-
Prototype 实现的 AJAX Edit in Place
所属栏目:[模式] 日期:2018-09-19 热度:91
Prototype 似乎已经过气了,但用的人还是挺多,这段代码是用来实现即时文本编辑(Edit In Place)的功能。 // Requires prototype.js function edit(action, obj) { Element.hide(obj); var textarea ='div id=' + obj.id + '_editorinput type=text id=' +[详细]
-
你真的认识 window.location 吗?
所属栏目:[模式] 日期:2018-09-19 热度:82
如果你稍微懂一些 JS 代码,一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址: window.location.href = window.location.href; 好吧,我告诉你,这样弱掉了。其实原生 Java Script 真是什么都有。 window.location 对象所包含[详细]
-
使用javascript将XML解析为JSON
所属栏目:[模式] 日期:2018-09-19 热度:53
今天看了David Walsh一篇把XML格式转换为JSON格式的文章,感觉不错,简单的转载了过来。 下面是神奇的XML转JSON的javascript代码: // Changes XML to JSON function xmlToJson(xml) { // Create the return object var obj = {}; if (xml.nodeType == 1)[详细]
-
JavaScript中的字符串乘法
所属栏目:[模式] 日期:2018-09-19 热度:56
In Ruby, the * operator used with a string on the left and a number on the right does string repetition. Ruby*2 evaluates to RubyRuby, for example. This is only occasionally useful (when creating lines of hyphens for ASCII tables, for ex[详细]
-
JS 实现 taskMenu 加载的时候显示指定的项
所属栏目:[模式] 日期:2018-09-19 热度:106
在用taskMenu的时候 当需要显示的项太多的时候 希望加载的时候 只显示指定的项 var taskMenu1; var taskMenu2; var item1; var item2; var item3; var item4; window.onload = function() { TaskMenu.setHeadMenuSpecial(true); /////////////////////////[详细]
-
使用jQuery中ajax方法访问web服务
所属栏目:[模式] 日期:2018-09-19 热度:70
说明: ArrayList 中 存为对象CollegeDepartInfo 其属性为:stirng CollegeDepartTitle 和 int CollegeDepartId 在javascript中 ddlDepart.options[ddlDepart.length]=new Option(n.CollegeDepartTitle,n.CollegeDepartId); Option的参数就是依据他们的。[详细]
-
Javascript实现不同编码之间的URL提交
所属栏目:[模式] 日期:2018-09-19 热度:63
不同的网站之间提交参数的时候。比如A网站是UTF-8编码,向liehuo.net (GBK) 提交一个链接 http://s.liehuo.net/?q=杯具sp=on 这样会存在转码的问题。 提供一个函数。将 http://s.liehuo.net/?q=1a=2b=3c=4 转换成FORM,再通过更改FORM的accept-charset 来[详细]
-
创建固定位置弹出浮动广告的实例代码
所属栏目:[模式] 日期:2018-09-13 热度:199
很久没有写JS程序了,这两天终于有空了,把之前的一个浮动广告代码重写了一下。呵呵,还是那句话,能力有限,如有错误敬请指证和指点。演示效果 演示地址:http://www.yaohaixiao.com/ 演示的效果是弹出视频广告,不过我这个视频是一个JAVASCRIPT教程,所[详细]
-
Javascript轻松控制页面图片大小
所属栏目:[模式] 日期:2018-09-13 热度:77
今天Gonten在某CMS模板里发现一段很实用的代码,来分享一下。经常看到有些网页,因为图片太大,也没有控制图片大小,导致页面错位,或者部分图片看不到。下面的这段代码将会解决这个问题。 代码如下: script type=text/javascript function ImgSize(){ var[详细]
-
JavaScript:isPrototypeOf和hasOwnProperty
所属栏目:[模式] 日期:2018-09-13 热度:148
1、isPrototypeOf isPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的原型链中,是则返回true,否则返回false。 格式如下: object1.isPrototypeOf(object2); object1是一个对象的实例; object2是另一个将要检查其原型链的对象。 原型[详细]
-
Javascript实现网页水印(非图片水印)
所属栏目:[模式] 日期:2018-09-13 热度:164
定义 在一些B/S结构的应用系统中,有很多页面是需要有水印的。常见的就是公文系统、合同系统等。大家常常关注的是网站图片增加水印,而很少关注页面水[详细]
-
JavaScript Event学习补遗:addEventSimple
所属栏目:[模式] 日期:2018-09-13 热度:190
这里有个addEventSimple和removeEventSimple函数,有时候需要不那么显眼的事件处理程序的时候我就用这两个函数注册。 function addEventSimple(obj,evt,fn) { if (obj.addEventListener) obj.addEventListener(evt,fn,false); else if (obj.attachEvent) o[详细]
-
JavaScript Event学习第十一章:按键的检测
所属栏目:[模式] 日期:2018-09-13 热度:79
检测用户的按键是事件处理程序的一个很特别的环节。这一章我们着力解决一些非常棘手的问题,并且制定一个完备的表格。 第一个问题是对于按键事件来说根本就没有标准,按照规范说的:包含键盘等输入设备的事件模型会在以后的DOM规范中作出解释。 正如我们了[详细]
-
JavaScript Event学习第十章:一些可替换的事件对
所属栏目:[模式] 日期:2018-09-13 热度:79
为了让我们的JavaScript驱动的页面对那些不能或者不想使用鼠标的用户也能很好的使用,我们对于像mouseover和click这样的事件做一些处理,同样的,对于非鼠标事件也同样的要我们的脚本执行。 测试的局限性 这一章我们打算寻找哪些事件可以用来仿真鼠标事件。[详细]
-
JavaScript Event学习第九章:鼠标事件
所属栏目:[模式] 日期:2018-09-13 热度:148
鼠标事件是到目前为止最重要的事件。在这一章我将介绍一些鼠标事件的最常见的问题和技巧。 先看看都有哪些鼠标事件:mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件[详细]
-
JavaScript Event学习第八章:事件的顺序
所属栏目:[模式] 日期:2018-09-13 热度:101
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题:如果一个元素和他的父元素对于同样的事件都有事件处理程序,那么哪个会首先执行呢?毫无疑问,看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
-
IIS7中启用JS压缩的方法
所属栏目:[模式] 日期:2018-09-06 热度:123
IIS7中支持了对静态和动态文件的压缩功能,但是对于JS文件的压缩需要进行一些简单的设置。 先打开IIS管理,选择我要设置的站点,然后在右边的功能区找到MIME TYPES看看里面是否有.JS的选项,如果没有可以手功加上 有的话把.js的值设置成:application/x-ja[详细]
-
Ajax缓存的解决教程
所属栏目:[模式] 日期:2018-09-06 热度:127
最近做了个项目,用了挺多ajax,在firefox下没有出现缓存问题,但是IE下测试却有比较严重的ajax缓存,数据总是滞后,查了些资料,整理了下Ajax缓存解决办法。 1、在服务端加 header(Cache-Control: no-cache, must-revalidate); 2、在ajax发送请求前加上 a[详细]
-
js判断浏览器类型,版本,附多个实例代码
所属栏目:[模式] 日期:2018-09-06 热度:158
副标题#e# 你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox , Opera , Safari 四大浏览器之外,世界上还有近百种浏览器。 在网站前端开发中,浏览器兼容性问题本已让我们手忙脚乱, Chrome 的出世不知道又要给我们添多少乱子。浏览器兼容性是前端[详细]
-
js获取日期:前天、昨天、今天、明天、后天
所属栏目:[模式] 日期:2018-09-06 热度:84
js获取日期:前天、昨天、今天、明天、后天、大后天的代码: 第一种方法: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head meta http-equiv=Content-Type content=text/html; charset=gb2312 titlejs获取日期:前天、昨天、今天、明天、后天 -[详细]
-
IE onchange事件触发bug 与 解决教程
所属栏目:[模式] 日期:2018-09-06 热度:170
今天遇到了IE一个onchange事件的bug,此bug存在于IE所有的版本(6,7,8)不知道是不是bug,还是IE故意这样设计的?姑且不做评价,我们来看看IE onchange事件的重现过程: 给input等控件添加onchange事件,例如input的checkbox(radio等),在IE下点击选中,[详细]