-
JavaScript实现的回到顶部代码,跟随滚动条滚动
所属栏目:[模式] 日期:2018-10-22 热度:95
Java Script实现的回到顶部代码,可跟随滚动条滚动,这是烈火网小编在百度空间看到的代码,不知道原作者是谁,在代码中的回到顶部按钮原本是一个图片,由于图片路径不正确,所以被小编替换为文字链接,您可以自行修改哦。 演示: div style=height:2800px;[详细]
-
JavaScript 最短的 XML 格式化工具
所属栏目:[模式] 日期:2018-10-16 热度:77
用 E4X 实现最短的 XML 格式化工具。可惜 IE 至今不支持这个标准特性... 请在 Firefox 或 Chrome 下运行! Copy to Clipboard 引用的内容:[www.veryhuo.com]html head titleIndent XML/title script language= Java Script type=text/javascript src=http:[详细]
-
YUI3.3.0 中 transition 事件的变化
所属栏目:[模式] 日期:2018-10-15 热度:166
YUI3.2.0 的 transition 模块,通过使用 transition:end 事件实现在 transition 完成后执行其他操作。在 YUI3.3.0 中,这个事件类型已经不被推荐,统一采用以下两种方式: 第一种,直接使用回调函数: node.transition({width: 0}, function() { //your co[详细]
-
switch等值比较的写法改进
所属栏目:[模式] 日期:2018-10-15 热度:101
这个写法是专用于取代switch里相等值比较的 通常来说比较等值的每次比较都需要重复判断 通过自定义函数的使用避免了重复判断提高了效率 原理很简单即使用对象定位需要范围的值 该返回值可以是个变量也可以是数组、函数等 Copy to Clipboard 引用的内容:[w[详细]
-
用于判断客户端几个属性的简单对象
所属栏目:[模式] 日期:2018-10-15 热度:107
目前程序中用于判断客户端信息的对象 需求不高所以比较简单不一定精确 游戏中一般只需要判断是否IE、是否IE6、是否手机这三个功能 该对象可判断客户端的操作系统类型、浏览器类型、客户机器是电脑还是手机类、访问协议是HTTP还是FILE 这里偶只简单的使用判[详细]
-
合理设计数据格式提高效率和缩短程序代码
所属栏目:[模式] 日期:2018-10-15 热度:129
一个网友问偶: 我要获得 一个格子的八个方向的格子坐标,怎么获得,有合适的算法没? 我现在是这样的: 偶看了一下这个写法有几个问题: 1.代码累赘,篇幅过多 2.这么多个if...elseif...还不如直接用switch 3.每次获取代码都要进行判断,其实可以不需要 4.[详细]
-
什么是 Repaint 和 Reflow, 相关介绍
所属栏目:[模式] 日期:2018-10-15 热度:74
1. 什么是 repaint 和 reflow 一个页面由两部分组成: DOM : 描述该页面的结构 render : 描述 DOM 节点 (nodes) 在页面上如何呈现 当 DOM 元素的属性发生变化 (如 color) 时, 浏览器会通知 render 重新描绘相应的元素, 此过程称为 repaint. 如果该次变化涉[详细]
-
异步获取并提交表单数据
所属栏目:[模式] 日期:2018-10-15 热度:111
异步提交表单数据最痛苦的两个破事: 1、编码乱码问题 事实上 ajax 技术底层是 unicode 编码,当 GBK 的页面与接口进行数据交互时,会产生乱码情况。解决方案有多种,可以将页面转化为 utf-8 编码,或者发送数据前进行两次 encodeURI 编码,在接受数据时进[详细]
-
Js中的window.location和document.location
所属栏目:[模式] 日期:2018-10-15 热度:53
document.location 这个对象包含了当前URL的信息 location.host 获取port号 location.hostname 设置或获取主机名称 location.href 设置或获取整个URL location.port设置或获取URL的端口号 location.search 设置或获取href属性中跟在问号后面的部分 --------[详细]
-
HTML(DOM)与JavaScript嵌套数组之间相互转换
所属栏目:[模式] 日期:2018-10-15 热度:150
html2ja:将html目标元素解析为 Java Script数组字面量,每项的值为tagName, className, id等CSS选择器组合; showJa:将html2ja生成的数组缩进格式化显示; walkDOM:遍历DOM目标元素(这个来自老道的the Good Parts)。 ja2html:与html相反的过程 PS:以下[详细]
-
JavaScript实现的原生的INI文件解析器代码
所属栏目:[模式] 日期:2018-10-15 热度:178
利用 Java Script实现的原生的INI文件解析器代码,本文系烈火网转载,下边是作者的说明: 基于Builder模式写的一个INI文件解析器,用JavaScript实现。只是表述INI文件解析的思路和Builder模式的实例应用,贻笑大方之作。很容易根据思路用其他语言实现出来[详细]
-
JavaScript分离页面配置和代码逻辑
所属栏目:[模式] 日期:2018-10-09 热度:191
为了代码清晰结构性强,通常需要分离页面配置参数和代码逻辑。约定唯一的命名空间,实现基本的所谓结构和行为分离。 第一种方式,提供一个暴露在 window 的全局对象,这里是 TB 变量。然后所有的代码被封装在该全局对象下。 Copy to Clipboard 引用的内容[详细]
-
documentElement知识汇总
所属栏目:[模式] 日期:2018-10-04 热度:115
问题来源: 取得当前浏览器窗口的高度和宽度 解决文案: 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[详细]
-
Javascript在网页上添加“另存为”按钮
所属栏目:[模式] 日期:2018-10-03 热度:67
javascript实现网页另存为,点击按钮即可实现,网页特效代码。 由于高版本 IE浏览器 安全机制较高,因此在IE7以上浏览器可能无法运行。 代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head title另存网页/title /head body OBJECT clas[详细]
-
百叶窗打开网页,一行Js代码即可实现
所属栏目:[模式] 日期:2018-10-03 热度:144
百叶窗打开网页,一行Js代码即可实现,一种网页的过渡效果,当打开链接的时候,等待页面加载完成 ,然后以百叶窗的方式慢慢显示出来,而且代码也很简单,在此之前还以为,这种效果需要用不少Js代码才能实现。 特效演示: htmlheadtitle使用百叶窗效果来切换[详细]
-
JS实现网页打开“整理收藏夹”对话框
所属栏目:[模式] 日期:2018-10-03 热度:152
Java script实现在网页上显示整理收藏夹,由于该功能有安全隐患,因此IE高版本无法实现。通过点击网页上的链接显示出整理收藏夹对话框,与添加收藏夹对话框有点相似。 代码如下:[详细]
-
IE event.stopPropagation()阻止冒泡事件
所属栏目:[模式] 日期:2018-10-03 热度:131
在火狐 Firefox 、opera、IE下阻止冒泡事件是不同的代码的,火狐下使用的是event.stopPropagation(),而IE下使用的是cancelBubble, jQuery 可以使用e.stopPropagation()就可以兼容了,如果是纯粹的 Java Script需要下面的代码来统一: if (event.stopPropa[详细]
-
用JScript RuntimeObject检测全局污染
所属栏目:[模式] 日期:2018-10-03 热度:81
这是一篇关于使用JScriptRuntimeObject(MSDN)调试的文章。虽然这些例子中的大多数在其他浏览器中不能运行,但在IE 5.5+中都能运行。 泄露的全局标识符 比如说你一不小心创建了一个全局属性,如: function playRugby(players) { var items, i; len = ite[详细]
-
提高Firefox的innerHTML()的性能
所属栏目:[模式] 日期:2018-10-03 热度:117
Firefox 下innerHTML在操作量大了以后性能下降很厉害,有人写了个提高innhtml性能的代替方法: function replaceHtml(el, html) { var oldEl = typeof el === string ? document.getElementById(el) : el; /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一[详细]
-
JavaScript 关于if语句的几种优化
所属栏目:[模式] 日期:2018-09-16 热度:90
UglifyJS是一个对javascript进行压缩和美化的工具,在它的文档说明中,我看到了几种关于if语句优化的方法。尽管我还没使用它去做一些尝试性的测试,但从这里可以看到它的确对js作了美化的工作。也许有人认为if语句就那么简单,能优化到什么程度?但是看看[详细]
-
9 条 JavaScript 开发最佳实践
所属栏目:[模式] 日期:2018-09-16 热度:65
1、使用正确的 script 标签 如果你需要在 html 文档中使用一些 Java Script 代码,你应当通常会使用如下的 script 标签: script type=text/javascript //insert your code here /script但是在源代码中,以下这种标签写法随处可见: script type=text/java[详细]
-
JavaScript 中的对象引用机制
所属栏目:[模式] 日期:2018-09-16 热度:92
Java Script 中的对象引用机制 对象的引用机制:对象不会被复制,只能通过引用来传递。 简单的例子: var i = mangguo = {}; //不论是否为空对象 mangguo.address = 'Hangzhou';那么 mangguo.address 的值和 i.address 一致,原因是 i 和 mangguo 引用的是[详细]
-
javascript中匿名函数的N种写法
所属栏目:[模式] 日期:2018-09-14 热度:136
在java中有private属性,强大的功能js不能实现就矮人一截,匿名函数,发扬广大 匿名函数没有实际名字,也没有指针,怎么执行滴? 其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的f[详细]
-
javascript 替换状态栏显示的链接
所属栏目:[模式] 日期:2018-09-03 热度:110
当你把鼠标移到网页里的链接上,在浏览器状态栏会显示相应的链接地址。但是在一些网站里,在状态栏里显示的链接却和实际打开的不一样。淘宝客就有很多这样的链接,淘宝官方提供的那些频道很多都是这样。我还发现Google的搜索结果链接有时候也是这样。 为什[详细]
-
js显示层、js隐藏层函数 附参数使用说明
所属栏目:[模式] 日期:2018-09-03 热度:154
js显示层、js隐藏层函数 附参数使用说明 /* ======================== 函数:显示或隐藏层 showDiv(divId_array,showLocality_array) 参数说明: divId_array 所有要操作的层ID,用逗号分隔 showLocality_array 所有要显示的层在参数DivIdArray所对应的位[详细]