-
百叶窗打开网页,一行Js代码即可实现
所属栏目:[模式] 日期:2018-09-19 热度:145
百叶窗打开网页,一行Js代码即可实现,一种网页的过渡效果,当打开链接的时候,等待页面加载完成 ,然后以百叶窗的方式慢慢显示出来,而且代码也很简单,在此之前还以为,这种效果需要用不少Js代码才能实现。 特效演示: htmlheadtitle使用百叶窗效果来切换[详细]
-
JS实现网页打开“整理收藏夹”对话框
所属栏目:[模式] 日期:2018-09-19 热度:92
Java script实现在网页上显示整理收藏夹,由于该功能有安全隐患,因此IE高版本无法实现。通过点击网页上的链接显示出整理收藏夹对话框,与添加收藏夹对话框有点相似。 代码如下:[详细]
-
IE event.stopPropagation()阻止冒泡事件
所属栏目:[模式] 日期:2018-09-19 热度:135
在火狐 Firefox 、opera、IE下阻止冒泡事件是不同的代码的,火狐下使用的是event.stopPropagation(),而IE下使用的是cancelBubble, jQuery 可以使用e.stopPropagation()就可以兼容了,如果是纯粹的 Java Script需要下面的代码来统一: if (event.stopPropa[详细]
-
用JScript RuntimeObject检测全局污染
所属栏目:[模式] 日期:2018-09-19 热度:106
这是一篇关于使用JScriptRuntimeObject(MSDN)调试的文章。虽然这些例子中的大多数在其他浏览器中不能运行,但在IE 5.5+中都能运行。 泄露的全局标识符 比如说你一不小心创建了一个全局属性,如: function playRugby(players) { var items, i; len = ite[详细]
-
javascript中匿名函数的N种写法
所属栏目:[模式] 日期:2018-09-19 热度:123
在java中有private属性,强大的功能js不能实现就矮人一截,匿名函数,发扬广大 匿名函数没有实际名字,也没有指针,怎么执行滴? 其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的f[详细]
-
提高Firefox的innerHTML()的性能
所属栏目:[模式] 日期:2018-09-19 热度: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-18 热度:72
项目中假如碰到了上传图片文件时,需要在后台加检测程序,判断图片类型是否合法,以防止一些非法的文件上传,如果对js的Image对象比较熟悉我们可以使用下面的方法在前端层次上检查下图片类型是否合法。 var img = new Image(); img.onload = function(){ al[详细]
-
documentElement知识汇总
所属栏目:[模式] 日期:2018-09-18 热度:192
问题来源: 取得当前浏览器窗口的高度和宽度 解决文案: 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-18 热度:109
最近一次的开发中遇到了IE下setTimeout传参数的问题,在IE下setTimeout是不会传参数的,例如下面的代码,在IE下就不会传入a,b两个参数 setTimeout(function(a,b){ alert(a+b); },1000,'hello,','world!'); 在实际项目中我们有些需求必须传入参数要setTimeo[详细]
-
JavaScript 基础应用语法
所属栏目:[模式] 日期:2018-09-18 热度:142
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-18 热度:83
js用法例子:使用split分隔指定字符串 Java Script使用split分隔指定字符串,用法举例,这里使用,逗号作为分隔符,将一长串含有逗号的字符串分开,应用十分广泛,其用法也相当简单,你从本代码中即可学到用法。 Copy to Clipboard 引用的内容:[www.veryhu[详细]
-
Chrome浏览器中用JS获取表格及其元素的CSS宽高
所属栏目:[模式] 日期:2018-09-18 热度:93
虽然现在表格用的很少了,但是某些写东西还是需要用到的。 今天在做F7Dialog2.0项目的时候遇到了要获取表格单元格的CSS宽高。自认为获取宽高很简单,直接写了代码获取,后来那部分代码写完后测试时才发现chrome执行结果不同,很是郁闷[详细]
-
cookie的添加、获
所属栏目:[模式] 日期:2018-09-18 热度:125
下面这段代码最开始是参考腾讯的,自经过调整加工及添加注释后贴出来,希望对大家有所帮助。 在注释中的解释应该已经很详细了,如遇到问题可以在评论中咨询。 // cookie 2.0 F7 Editor function setCookie(name, value, expires, path, domain){ //name coo[详细]
-
JS批量获取class命名节点 getElementsByClassName()
所属栏目:[模式] 日期:2018-09-18 热度:116
JS批量获取class命名节点 getElementsByClassName() getElementsByClassName() 是一个老的方法了,将其优化整理后给大家提供。 代码如下: // 批量获取class命名节点 function getElementsByClassName(className, tag, parent){ var parent = parent || doc[详细]
-
javascript判断dom是否加载完毕
所属栏目:[模式] 日期:2018-09-18 热度:174
首先要明确两个概念 1.window.onload:页面加载完毕,页面内所有组件(图片等)都可用。 2.dom 加载:指文档对象模型加载完毕,要先于window.onload事件。 可以看出,当页面包含大量组件(特别是图片)的情形下,以上两种加载的时间相隔将会很长,这时判断dom何[详细]
-
Javascript 中 while 循环用法的代码
所属栏目:[模式] 日期:2018-09-16 热度:62
Java script 中 while 循环用法的代码,通过本例了解一下while循环的用法,相信这对你的JavaScript编程会有所帮助。 html head titlewhile循环/title /head body centerh2测试while循环/h2/center hr script language=JavaScript // 变量声明 var i = 1; v[详细]
-
JavaScript for/in循环的用法实例
所属栏目:[模式] 日期:2018-09-16 热度:160
Java Script for/in循环的用法实例,虽然For、IN大家用着不习惯,不过各有各的优势和个性,用好了一样是优秀的代码。 html head titlefor/in循环/title /head body centerh2测试for/in循环/h2/center hr script language=JavaScript // 变量声明 var prop;[详细]
-
js 控制 checkbox 全选的简单代码
所属栏目:[模式] 日期:2018-09-16 热度:180
js 控制 checkbox 全选的简单代码 script function checkAll(obj,id) { var check = document.getElementsByName(id); for(i=0; icheck.length; i++) { check[i].checked = obj.checked; } } /script 表头 input class=check-all type=checkbox onclick=ch[详细]
-
Confirm 链接确认的JS代码,非按钮确认方法
所属栏目:[模式] 日期:2018-09-15 热度:196
烈09火49网(LieHuo63.Net)教45程 使用 Java Script中的Confirm 确认函数,来实现链接确认功能,以往大家见的比较多的就是使用按钮确认,弹出确认框,其实不管是按钮或是链接,其方法是一样的,都是使用了Confirm函数,本例中没有使用onClick函数,用了一个[详细]
-
Js实现复选框的全选与反选,表格批量选择
所属栏目:[模式] 日期:2018-09-15 热度:171
标题: Js实现复选框的全选与反选,表格批量选择 作用: a.单击列头复选框全选或全不选子项 b.只要有一个子项没有选中,则取消列头的选中状态 c.当所有子项目选中时,列头复选框自动置为选中状态 d.将子项的复选框反过来选 代码如下: !DOCTYPE HTML PUBLIC[详细]
-
WordPress 显示单个留言者的留言总数
所属栏目:[模式] 日期:2018-09-15 热度:134
在 WordPress 博客上,显示每个留言者的留言总数,效果如下: 方法很简单,在funtions.php文件里加上下面的代码: function commentCountAuthor(){ $oneText = 'One comment'; $moreText = '% comments'; global $wpdb; $result = $wpdb-get_var(' SELECT[详细]
-
javascript简单实现checkbox的全选与反选
所属栏目:[模式] 日期:2018-09-15 热度:85
今天上网遇到有个网友在论坛问input的checkbox全选和反选的问题,顺手总结了一下,然后写了个简单的 jQuery checkbox全选反选插件,希望对大家有用。 如果是简单的实现checkbox的全选与反选可以使用下面的函数: function checkall(obj,cName) { var checkb[详细]
-
倒计时抢购JS代码,结束有提示已结束
所属栏目:[模式] 日期:2018-09-15 热度:53
自今年一批 团购 网站集中开建以来,仅几个月的时间,就先后涌现了大批团购网站。网络团购以低价、返利模式吸引消费者。 纵观这些团购网站都不难发现他们都是有很多共同之处,譬如在界面及前端设计方面就有很多相似之处。一般都有:诱人的超低价格,购买按[详细]
-
9 条 JavaScript 开发最佳实践
所属栏目:[模式] 日期:2018-09-15 热度:190
1、使用正确的 script 标签 如果你需要在 html 文档中使用一些 Java Script 代码,你应当通常会使用如下的 script 标签: script type=text/javascript //insert your code here /script但是在源代码中,以下这种标签写法随处可见: script type=text/java[详细]
-
JavaScript for…in 循环的陷阱
所属栏目:[模式] 日期:2018-09-13 热度:197
ForIn 声明用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 先定义一个构造函数: var Status = function(arg){ this.arg = arg;}Status.prototype.getStatus = function(){ return this.arg;} 接着实例化: var instance = new Status[详细]