-
百叶窗打开网页,一行Js代码即可实现
所属栏目:[模式] 日期:2018-09-16 热度:74
百叶窗打开网页,一行Js代码即可实现,一种网页的过渡效果,当打开链接的时候,等待页面加载完成 ,然后以百叶窗的方式慢慢显示出来,而且代码也很简单,在此之前还以为,这种效果需要用不少Js代码才能实现。 特效演示: htmlheadtitle使用百叶窗效果来切换[详细]
-
JS实现网页打开“整理收藏夹”对话框
所属栏目:[模式] 日期:2018-09-16 热度:122
Java script实现在网页上显示整理收藏夹,由于该功能有安全隐患,因此IE高版本无法实现。通过点击网页上的链接显示出整理收藏夹对话框,与添加收藏夹对话框有点相似。 代码如下:[详细]
-
IE event.stopPropagation()阻止冒泡事件
所属栏目:[模式] 日期:2018-09-16 热度:141
在火狐 Firefox 、opera、IE下阻止冒泡事件是不同的代码的,火狐下使用的是event.stopPropagation(),而IE下使用的是cancelBubble, jQuery 可以使用e.stopPropagation()就可以兼容了,如果是纯粹的 Java Script需要下面的代码来统一: if (event.stopPropa[详细]
-
用JScript RuntimeObject检测全局污染
所属栏目:[模式] 日期:2018-09-16 热度:175
这是一篇关于使用JScriptRuntimeObject(MSDN)调试的文章。虽然这些例子中的大多数在其他浏览器中不能运行,但在IE 5.5+中都能运行。 泄露的全局标识符 比如说你一不小心创建了一个全局属性,如: function playRugby(players) { var items, i; len = ite[详细]
-
javascript中匿名函数的N种写法
所属栏目:[模式] 日期:2018-09-16 热度:143
在java中有private属性,强大的功能js不能实现就矮人一截,匿名函数,发扬广大 匿名函数没有实际名字,也没有指针,怎么执行滴? 其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的f[详细]
-
提高Firefox的innerHTML()的性能
所属栏目:[模式] 日期:2018-09-16 热度:160
Firefox 下innerHTML在操作量大了以后性能下降很厉害,有人写了个提高innhtml性能的代替方法: function replaceHtml(el, html) { var oldEl = typeof el === string ? document.getElementById(el) : el; /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一[详细]
-
译文:JavaScript框架比较–框架比较(八)
所属栏目:[模式] 日期:2018-09-08 热度:176
框架比较 表1对本文中讨论的五个框架提供详细的比较 其他值得注意的框架 为了简洁,本文只讨论五个比较流行的框架,这并不意味着这是最流行的、最好的、功能最丰富的。 其它的一些框架也值得一提、值得一看。 Cappuccino Dojo Glow GWT MochiKit Qooxdoo R[详细]
-
译文:JavaScript框架比较-用户体验(七)
所属栏目:[模式] 日期:2018-09-08 热度:78
提升用户体验(UE) 到目前为止,这篇文章完全集中于使用 Java Script框架的好处,以及如何更容易的构建交互式应用程序。但是,另一方面,各个框架都有各自诱人的前景,包括用户界面(UI)组件和用户体验(UE)增强,这需要花大量的精力。 这章将分别探讨[详细]
-
译文:JavaScript框架比较–Ajax(六)
所属栏目:[模式] 日期:2018-09-08 热度:198
Ajax 使用 Java Script框架最令人信服的理由是跨浏览器的标准化Ajax请求。Ajax请求是异步的HTTP请求,向服务器端脚本发送请求,然后得到一个响应结果,如如XML、JSON、HTML、纯文本格式的数据。大多数JavaScript框架有一定形式的Ajax请求对象,它接受一系[详细]
-
译文:JavaScript框架比较–事件处理(五)
所属栏目:[模式] 日期:2018-09-08 热度:50
事件处理 每个 Java Script框架都实现跨浏览器的事件处理,鼓励你摆脱旧式的内联附加事件而使用精简的线性方法。看看清单6的 jQuery 例子,使用hover事件高亮显示div元素。 清单6:使用jQuery附加hover事件 $('#the-box').hover(function() { $(this).addCl[详细]
-
译文:JavaScript框架比较–实用函数(四)
所属栏目:[模式] 日期:2018-09-08 热度:177
实用函数 许多 Java Script框架都带有大量的实用函数,这些函数使得应用JavaScript开发应用程序更加容易。这篇文章有太多内容需要补充,所以我将讨论大多数框架中更为引人注目的函数中的一个。 如果你曾经使用过JavaScript数组,你可能对使用循环来迭代数组[详细]
-
onresize IE中多次执行问题
所属栏目:[模式] 日期:2018-09-08 热度:161
页面上给window对象定义其onresize事件,在拉伸缩小窗口时,其onresize方法将被执行多次,影响页面性能。 网上查了些资料,说是在ie和opera中,只要窗口的边框移动一个像素,resize事件就触发;而在mozilla中,只在停止对窗口的大小改变时才触发resize 事件[详细]
-
译文:JavaScript框架比较(三)
所属栏目:[模式] 日期:2018-09-08 热度:150
DOM操作 在此之前,你已经看到 Java Script框架使用选择器和DOM遍历可以很容易的获得特定的元素。但是,为了改变网页上特定元素的内容和外观,你需要操作DOM并应用改变。使用纯粹的JavaScript将是一件繁重的工作,但幸运的是,大多数JavaScript框架提供有用[详细]
-
译文:JavaScript框架比较(二)
所属栏目:[模式] 日期:2018-09-08 热度:90
DOM遍历 基于ID、元素类型、类名查找元素非常有用,但是如果你想基于它在DOM树中的位置来查找元素该怎么办?换句话说,你有一个给定的元素,你想查找它的父元素、子元素中的一个、它的上一个或下一个节点兄弟节点。例如,采用下面这段零碎的HTML代码: 清单[详细]
-
译文:JavaScript框架比较(一)
所属栏目:[模式] 日期:2018-09-08 热度:53
摘要:现代网站和web应用程序趋向于依赖客户端的大量的javascript来提供丰富的交互。特别是通过不刷新页面的异步请求来返回数据或从服务器端的脚本(或数据系统)中得到响应。在这篇文章中,你将会了解到javascript框架如何更快、更方便的创建互动性强、相[详细]
-
JavaScript入门教程:一百多个基础知识
所属栏目:[模式] 日期:2018-09-08 热度:133
1.document.write(); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-html-(head,body) 4.一个浏览器窗口中的DOM顺序是:window-(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById(表单中元素[详细]
-
IE onchange事件触发bug 与 解决教程
所属栏目:[模式] 日期:2018-09-06 热度:159
今天遇到了IE一个onchange事件的bug,此bug存在于IE所有的版本(6,7,8)不知道是不是bug,还是IE故意这样设计的?姑且不做评价,我们来看看IE onchange事件的重现过程: 给input等控件添加onchange事件,例如input的checkbox(radio等),在IE下点击选中,[详细]
-
通过 JSONP 实现完美跨域
所属栏目:[模式] 日期:2018-09-06 热度:187
以前我经常在博客说JSONP,例如我的 WordPress 天气插件就是通过JSONP来调用的天气数据,今天就说说通过JSONP实现跨域的应用~ 什么是JSONP JSONP即JSON with Padding。由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源。如[详细]
-
关于 js 优化的一些经验
所属栏目:[模式] 日期:2018-09-06 热度:100
这些是我写代码时的一些经验,总结了一下分想给大家,没啥顺序,想到就写上了 1.使用局部变量避免使用全局变量 比如 改成 局部变量的好处就是减少了作用域链的查找 我建议要是有两次的引用就用局部变量 2.避免使用with(这个估计地球人都知道) 我理解原因[详细]
-
js获取当前页面URL详细地址的实现步骤
所属栏目:[模式] 日期:2018-09-06 热度:164
设置或获取对象指定的文件名或路径。 alert(window.location.pathname) 设置或获取整个 URL 为字符串。 alert(window.location.href); 设置或获取与 URL 关联的端口号码。 alert(window.location.port) 设置或获取 URL 的协议部分。 alert(window.location[详细]
-
location.href 与 location.search
所属栏目:[模式] 日期:2018-09-06 热度:85
window.location.href 返回完整的 URL。 如:http://www.test.com/test.php?p=1 window.location.search 返回 URL 中的 QueryString 部分,含?。 如:?p=1[详细]
-
数字与字符串之间的转换(.toString,parseInt,parseFloat)
所属栏目:[模式] 日期:2018-09-06 热度:143
1.数字转换为字符串 1.1 toString方法 (返回对象的字符串表示) var i = 012345; strI = i.toString(); 1.2 + var i = 012345; strI = i+; 2.字符串转换为数字 2.1parseInt方法 (返回由字符串转换得到的整数部分) parseInt(12.3abc)//得到12 2.2parseFloat[详细]
-
js全局变量、局部变量和作用域
所属栏目:[模式] 日期:2018-09-06 热度:115
script type=text/javascriptvar a = 100;function test(){var b = 2*a;var a= 200;var c= a/2;alert(b);alert(c);}test();/scriptbr /center如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:a href='http://www.veryhuo.com/' target='_blank'http:/[详细]
-
js图片查看器,层方式显示上一张下一张带退出
所属栏目:[模式] 日期:2018-09-06 热度:104
这是利用javascript实现图片查看器,层方式显示上一张下一张带退出的代码,注意代码里的函数$(),addEvent(),removeEvent()并未封装到图片查看器中,个人认为这三个函数会在网页中多次应用,为避免重复代码,故没有封装。示例中使用了淡入淡出效果(仅FF,IE[详细]
-
JavaScript第四课:Making Decisions[下]
所属栏目:[模式] 日期:2018-09-06 热度:164
《零基础学 Java Script》 JavaScript第四课 Making Decisions(下) 第四课分为7个小节: (此文章又长又臭,但是极其形象易懂,仅适合于JavaScript初学者,尤其是零基础者) 译文作者:胆晓茹鼠 作者网站:http://www.haoxiaoru.info/ 课程回顾: JavaScri[详细]