-
提高Firefox的innerHTML()的性能
所属栏目:[模式] 日期:2018-09-28 热度:126
Firefox 下innerHTML在操作量大了以后性能下降很厉害,有人写了个提高innhtml性能的代替方法: function replaceHtml(el, html) { var oldEl = typeof el === string ? document.getElementById(el) : el; /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一[详细]
-
JS的Image对象可用于检测图片类型是否合法
所属栏目:[模式] 日期:2018-09-17 热度:99
项目中假如碰到了上传图片文件时,需要在后台加检测程序,判断图片类型是否合法,以防止一些非法的文件上传,如果对js的Image对象比较熟悉我们可以使用下面的方法在前端层次上检查下图片类型是否合法。 var img = new Image(); img.onload = function(){ al[详细]
-
documentElement知识汇总
所属栏目:[模式] 日期:2018-09-17 热度:171
问题来源: 取得当前浏览器窗口的高度和宽度 解决文案: script type=text/javascript //from ppk (http://www.jr.pl/www.quirksmode.org/viewport/compatibility.html) var x,y; if (self.innerHeight) // all except Explorer { x = self.innerWidth; y = s[详细]
-
IE下setTimeout传参数bug的解决方法
所属栏目:[模式] 日期:2018-09-17 热度:81
最近一次的开发中遇到了IE下setTimeout传参数的问题,在IE下setTimeout是不会传参数的,例如下面的代码,在IE下就不会传入a,b两个参数 setTimeout(function(a,b){ alert(a+b); },1000,'hello,','world!'); 在实际项目中我们有些需求必须传入参数要setTimeo[详细]
-
JavaScript 基础应用语法
所属栏目:[模式] 日期:2018-09-17 热度:108
1.document.write();为 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-html-(head,body) 4.一个浏览器窗口中的DOM顺序是:window-(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById(表单中[详细]
-
js用法例子:使用split分隔指定字符串
所属栏目:[模式] 日期:2018-09-17 热度:199
js用法例子:使用split分隔指定字符串 Java Script使用split分隔指定字符串,用法举例,这里使用,逗号作为分隔符,将一长串含有逗号的字符串分开,应用十分广泛,其用法也相当简单,你从本代码中即可学到用法。 Copy to Clipboard 引用的内容:[www.veryhu[详细]
-
Chrome浏览器中用JS获取表格及其元素的CSS宽高
所属栏目:[模式] 日期:2018-09-17 热度:120
虽然现在表格用的很少了,但是某些写东西还是需要用到的。 今天在做F7Dialog2.0项目的时候遇到了要获取表格单元格的CSS宽高。自认为获取宽高很简单,直接写了代码获取,后来那部分代码写完后测试时才发现chrome执行结果不同,很是郁闷[详细]
-
cookie的添加、获
所属栏目:[模式] 日期:2018-09-17 热度:178
下面这段代码最开始是参考腾讯的,自经过调整加工及添加注释后贴出来,希望对大家有所帮助。 在注释中的解释应该已经很详细了,如遇到问题可以在评论中咨询。 // cookie 2.0 F7 Editor function setCookie(name, value, expires, path, domain){ //name coo[详细]
-
JS批量获取class命名节点 getElementsByClassName()
所属栏目:[模式] 日期:2018-09-17 热度:128
JS批量获取class命名节点 getElementsByClassName() getElementsByClassName() 是一个老的方法了,将其优化整理后给大家提供。 代码如下: // 批量获取class命名节点 function getElementsByClassName(className, tag, parent){ var parent = parent || doc[详细]
-
javascript判断dom是否加载完毕
所属栏目:[模式] 日期:2018-09-17 热度:129
首先要明确两个概念 1.window.onload:页面加载完毕,页面内所有组件(图片等)都可用。 2.dom 加载:指文档对象模型加载完毕,要先于window.onload事件。 可以看出,当页面包含大量组件(特别是图片)的情形下,以上两种加载的时间相隔将会很长,这时判断dom何[详细]
-
javascript 缓存提供程序
所属栏目:[模式] 日期:2018-09-17 热度:106
相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络(CDN)缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。 这[详细]
-
根据cookie判断 网页窗口只弹出一次
所属栏目:[模式] 日期:2018-09-06 热度:199
这是根据cookie判断的JS代码,烈火在网上收集而来的,没有在多个浏览器下测试,在IE下网页窗口只弹出一次。 使用方法: 1.将以下代码入在网页的head部分。 SCRIPT language= Java Script function openpopup(){ window.open ('http://www.veryhuo.com/') }[详细]
-
javascript 替换状态栏显示的链接
所属栏目:[模式] 日期:2018-09-06 热度:192
当你把鼠标移到网页里的链接上,在浏览器状态栏会显示相应的链接地址。但是在一些网站里,在状态栏里显示的链接却和实际打开的不一样。淘宝客就有很多这样的链接,淘宝官方提供的那些频道很多都是这样。我还发现Google的搜索结果链接有时候也是这样。 为什[详细]
-
js显示层、js隐藏层函数 附参数使用说明
所属栏目:[模式] 日期:2018-09-06 热度:125
js显示层、js隐藏层函数 附参数使用说明 /* ======================== 函数:显示或隐藏层 showDiv(divId_array,showLocality_array) 参数说明: divId_array 所有要操作的层ID,用逗号分隔 showLocality_array 所有要显示的层在参数DivIdArray所对应的位[详细]
-
利用GControl和GLayer对象在地图上显示panoramio图片
所属栏目:[模式] 日期:2018-09-06 热度:73
今天是Google map api的关于利用GControl和GLayer对象在地图上显示panoramio图片的教程,昨天我写了一篇Google map api的教程是关于在地图上添加控制按钮的(Google Map API教程之使用GControl对象在地图上添加control按钮),今天结合上篇文章,写一下怎[详细]
-
Google Map API教程之使用GControl对象在地图上添加control按钮
所属栏目:[模式] 日期:2018-09-06 热度:51
今天查看我网站的地图已经被谷歌收录了5900条,而百度也开始收录了,很欣慰~再接再厉,今天写的这一篇Google map api教程是关于在Google地图上添加control按钮的,用到的是Google Map API的GControl对象,通过initialize的方法插入一个div到地图上,再通过[详细]
-
Google Map API教程之如何自动缩放级别
所属栏目:[模式] 日期:2018-09-06 热度:76
最近花了两晚上的时间写了一个google地图的应用程序,采用了map api,weather api,localsearch api,我想的是有空写一些关于Google Map API的文章,今天就写一个关于自动缩放地图到合适级别的方法,这里说的自动缩放,指的是地图上已经加入了很多Gmarker[详细]
-
IIS7中启用JS压缩的方法
所属栏目:[模式] 日期:2018-09-06 热度:108
IIS7中支持了对静态和动态文件的压缩功能,但是对于JS文件的压缩需要进行一些简单的设置。 先打开IIS管理,选择我要设置的站点,然后在右边的功能区找到MIME TYPES看看里面是否有.JS的选项,如果没有可以手功加上 有的话把.js的值设置成:application/x-ja[详细]
-
Ajax缓存的解决教程
所属栏目:[模式] 日期:2018-09-06 热度:111
最近做了个项目,用了挺多ajax,在firefox下没有出现缓存问题,但是IE下测试却有比较严重的ajax缓存,数据总是滞后,查了些资料,整理了下Ajax缓存解决办法。 1、在服务端加 header(Cache-Control: no-cache, must-revalidate); 2、在ajax发送请求前加上 a[详细]
-
js判断浏览器类型,版本,附多个实例代码
所属栏目:[模式] 日期:2018-09-06 热度:88
你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox , Opera , Safari 四大浏览器之外,世界上还有近百种浏览器。 在网站前端开发中,浏览器兼容性问题本已让我们手忙脚乱, Chrome 的出世不知道又要给我们添多少乱子。浏览器兼容性是前端开发框架[详细]
-
js获取日期:前天、昨天、今天、明天、后天
所属栏目:[模式] 日期:2018-09-06 热度:153
js获取日期:前天、昨天、今天、明天、后天、大后天的代码: 第一种方法: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head meta http-equiv=Content-Type content=text/html; charset=gb2312 titlejs获取日期:前天、昨天、今天、明天、后天 -[详细]
-
JavaScript Event学习第六章:事件的访问
所属栏目:[模式] 日期:2018-08-29 热度:125
在这一章我会讲解如何去访问一个事件对象。 现在我们已经注册了事件处理程序,对于事件我们还想更深入的了解。我们想知道事件发生时候的鼠标位置,我们想知道用户按下了哪些键。这些都是可能的,虽然这部分有很多烦人的浏览器兼容性问题。(这里可以快速查[详细]
-
JavaScript Event学习第五章:高级事件注册模型
所属栏目:[模式] 日期:2018-08-29 热度:166
在这一章我会讲解两种高级时间注册模型:W3C和微软的。因为这两个方法都不能跨浏览器,所以在现在看来他们的使用场合并不多。 W3C和微软都着力于发展自己的事件注册模型来取代Netscape的传统模型。虽然对于微软的模型我不是很感冒,但是w3c的还是不错的,除[详细]
-
JavaScript Event学习第四章:传统的事件注册模型
所属栏目:[模式] 日期:2018-08-29 热度:140
在这一章我会讲解给元素注册事件的最好的一种办法,那就是:确保一个特定的事件在特定的HTML元素上发生并且能运行特定的脚本。 在最古老的 Java Script浏览器里注册事件只能通过内联模式。自从DHTML从根本上改变了你操作页面的方法,事件的注册就必须有扩展[详细]
-
JavaScript Event学习第三章:早期的事件处理程序
所属栏目:[模式] 日期:2018-08-29 热度:94
在这一章我会谈到一些最古老的添加事件处理程序的方法,这些方法甚至被第二代浏览器所支持。 这些古老的浏览器只支持一种注册事件处理程序的方法,这个方法是Netscape发明的。因为Netscape先发制人,所以如果微软也想做支持 Java Script事件的浏览器就得跟[详细]