-
9 条 JavaScript 开发最佳实践
所属栏目:[模式] 日期:2018-09-18 热度:75
1、使用正确的 script 标签 如果你需要在 html 文档中使用一些 Java Script 代码,你应当通常会使用如下的 script 标签: script type=text/javascript //insert your code here /script但是在源代码中,以下这种标签写法随处可见: script type=text/java[详细]
-
JavaScript 中的对象引用机制
所属栏目:[模式] 日期:2018-09-18 热度:149
Java Script 中的对象引用机制 对象的引用机制:对象不会被复制,只能通过引用来传递。 简单的例子: var i = mangguo = {}; //不论是否为空对象 mangguo.address = 'Hangzhou';那么 mangguo.address 的值和 i.address 一致,原因是 i 和 mangguo 引用的是[详细]
-
简单的Js正则表达式:滤除多余字符
所属栏目:[模式] 日期:2018-09-16 热度:88
简单的Js正则表达式:滤除多余字符 利用正则表达法除去字符串中的重复字符,一个简单的 Java Script正则表达式实例,将一串含有重复字符串中的多余字符滤除掉。 代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head title利用正则表达法[详细]
-
JS简单获得屏幕真彩色,16位或32位
所属栏目:[模式] 日期:2018-09-16 热度:185
Js获取屏幕的颜色色彩品质,16位或32位,只需运行本代码,即可得到你当前屏幕的颜色品质,现在一般都是32位了。 简单代码如下: html head title取得屏幕的色彩品质/title /head body script language=javascript !-- document.write(屏幕的颜色为:+screen[详细]
-
Javascript在网页上添加“另存为”按钮
所属栏目:[模式] 日期:2018-09-16 热度:119
javascript实现网页另存为,点击按钮即可实现,网页特效代码。 由于高版本 IE浏览器 安全机制较高,因此在IE7以上浏览器可能无法运行。 代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head title另存网页/title /head body OBJECT clas[详细]
-
百叶窗打开网页,一行Js代码即可实现
所属栏目:[模式] 日期:2018-09-16 热度:60
百叶窗打开网页,一行Js代码即可实现,一种网页的过渡效果,当打开链接的时候,等待页面加载完成 ,然后以百叶窗的方式慢慢显示出来,而且代码也很简单,在此之前还以为,这种效果需要用不少Js代码才能实现。 特效演示: htmlheadtitle使用百叶窗效果来切换[详细]
-
JS实现网页打开“整理收藏夹”对话框
所属栏目:[模式] 日期:2018-09-16 热度:186
Java script实现在网页上显示整理收藏夹,由于该功能有安全隐患,因此IE高版本无法实现。通过点击网页上的链接显示出整理收藏夹对话框,与添加收藏夹对话框有点相似。 代码如下:[详细]
-
IE event.stopPropagation()阻止冒泡事件
所属栏目:[模式] 日期:2018-09-16 热度:156
在火狐 Firefox 、opera、IE下阻止冒泡事件是不同的代码的,火狐下使用的是event.stopPropagation(),而IE下使用的是cancelBubble, jQuery 可以使用e.stopPropagation()就可以兼容了,如果是纯粹的 Java Script需要下面的代码来统一: if (event.stopPropa[详细]
-
用JScript RuntimeObject检测全局污染
所属栏目:[模式] 日期:2018-09-16 热度:85
这是一篇关于使用JScriptRuntimeObject(MSDN)调试的文章。虽然这些例子中的大多数在其他浏览器中不能运行,但在IE 5.5+中都能运行。 泄露的全局标识符 比如说你一不小心创建了一个全局属性,如: function playRugby(players) { var items, i; len = ite[详细]
-
javascript中匿名函数的N种写法
所属栏目:[模式] 日期:2018-09-14 热度:110
在java中有private属性,强大的功能js不能实现就矮人一截,匿名函数,发扬广大 匿名函数没有实际名字,也没有指针,怎么执行滴? 其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的f[详细]
-
提高Firefox的innerHTML()的性能
所属栏目:[模式] 日期:2018-09-14 热度:133
Firefox 下innerHTML在操作量大了以后性能下降很厉害,有人写了个提高innhtml性能的代替方法: function replaceHtml(el, html) { var oldEl = typeof el === string ? document.getElementById(el) : el; /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一[详细]
-
JS的Image对象可用于检测图片类型是否合法
所属栏目:[模式] 日期:2018-09-14 热度:79
项目中假如碰到了上传图片文件时,需要在后台加检测程序,判断图片类型是否合法,以防止一些非法的文件上传,如果对js的Image对象比较熟悉我们可以使用下面的方法在前端层次上检查下图片类型是否合法。 var img = new Image(); img.onload = function(){ al[详细]
-
documentElement知识汇总
所属栏目:[模式] 日期:2018-09-14 热度:65
问题来源: 取得当前浏览器窗口的高度和宽度 解决文案: 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-14 热度:115
最近一次的开发中遇到了IE下setTimeout传参数的问题,在IE下setTimeout是不会传参数的,例如下面的代码,在IE下就不会传入a,b两个参数 setTimeout(function(a,b){ alert(a+b); },1000,'hello,','world!'); 在实际项目中我们有些需求必须传入参数要setTimeo[详细]
-
JavaScript 基础应用语法
所属栏目:[模式] 日期:2018-09-14 热度:137
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-14 热度:113
js用法例子:使用split分隔指定字符串 Java Script使用split分隔指定字符串,用法举例,这里使用,逗号作为分隔符,将一长串含有逗号的字符串分开,应用十分广泛,其用法也相当简单,你从本代码中即可学到用法。 Copy to Clipboard 引用的内容:[www.veryhu[详细]
-
Chrome浏览器中用JS获取表格及其元素的CSS宽高
所属栏目:[模式] 日期:2018-09-14 热度:157
虽然现在表格用的很少了,但是某些写东西还是需要用到的。 今天在做F7Dialog2.0项目的时候遇到了要获取表格单元格的CSS宽高。自认为获取宽高很简单,直接写了代码获取,后来那部分代码写完后测试时才发现chrome执行结果不同,很是郁闷[详细]
-
cookie的添加、获
所属栏目:[模式] 日期:2018-09-14 热度:74
下面这段代码最开始是参考腾讯的,自经过调整加工及添加注释后贴出来,希望对大家有所帮助。 在注释中的解释应该已经很详细了,如遇到问题可以在评论中咨询。 // cookie 2.0 F7 Editor function setCookie(name, value, expires, path, domain){ //name coo[详细]
-
JS批量获取class命名节点 getElementsByClassName()
所属栏目:[模式] 日期:2018-09-14 热度:80
JS批量获取class命名节点 getElementsByClassName() getElementsByClassName() 是一个老的方法了,将其优化整理后给大家提供。 代码如下: // 批量获取class命名节点 function getElementsByClassName(className, tag, parent){ var parent = parent || doc[详细]
-
使用clickCatcher在JS文件加载完毕/事件应用之前捕获Click事件
所属栏目:[模式] 日期:2018-09-11 热度:166
提高网站性能的方法之一就是将 Java Script文件放到文档的底部(我在Improve Your Web Site Performance Tips Tricks To Get A Good YSlow Rating中讨论过)。但是,这有一个缺点。 问题 在JavaScript文件加载完毕运行之前,你打算为文档中一些元素分配一[详细]
-
Google 首页LOGO吃豆子游戏源码[附使用说明]
所属栏目:[模式] 日期:2018-09-11 热度:159
烈火网(LieHuo.Net)5月23日消息,昨天谷歌在全球每个首页都推出了纪念吃豆子游戏三十周年的LOGO游戏,笔者今天发现今天谷歌的LOGO仍是吃豆子游戏,很多朋友向烈火咨询该LOGO的实现方式,很明显的这是使用 Java script写的,那么还有声音呢,这是什么原因呢[详细]
-
15个 JavaScript Web UI库[演示与下载]
所属栏目:[模式] 日期:2018-09-11 热度:116
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架极大地简化了开发进程,并带来一致,可靠,以及高度交互性的用户界面。本文介绍了 15 个非常强大的 Java Script Web UI 库,非常适合各种各种规模的富 Web 应用的开发(完整图文版[详细]
-
JavaScript 参数数值 替换 replace
所属栏目:[模式] 日期:2018-09-11 热度:163
Java Script 参数数值 替换 replace url: http://www.taobao.com/go/act/shopping/sousuo55660.php?pid=mm_88888888_0_0unid=123 js code: script type=text/javascript (function(){ var isrun = false; var init_pid = function(){ if(isrun) return; va[详细]
-
ECMA-262-3 深入解析:第五章 函数 [译]
所属栏目:[模式] 日期:2018-09-11 热度:175
导言 在这篇文章中,我们将更详细的讨论一个常见的ECMAScript对象函数。我们将详细地研究函数的各种类型,解释这种或那种类型的函数如何影响一个上下文的变量对象以及函数某一个类型的作用域链中包含什么。我们将回答论坛中像这样经常被问及的问题:下面创[详细]
-
document.querySelector()和document.querySelectorAll()方
所属栏目:[模式] 日期:2018-09-11 热度:139
在css中对特定的元素设置样式离不开选择符的使用,现在一些大的javascript框架也常用选择符来获取特定的元素,如 jQuery 。W3c规范定义了两个新的方法(querySelectorAll和querySelectorAll)来获取元素节点,这两个方法都接受选择符作为自己的参数。Nicho[详细]
