-
HTML+JS实现在图片上传前实现本地预览
所属栏目：[模式] 日期：2018-10-04 热度：156
如何在图片上传前实现本地预览，这个功能实现起来似乎很简单，但却又是很棘手。 之前在从事项目开发中，遇到过这样的问题，原先有写好的代码，以为是很好实现的功能， 故没有特别在意。今天无意中研究了一下，原来并不像想象中的那样简单。直接上代码 如图[详细]
-
防止他人复制网站内容 两行代码就足够了
所属栏目：[模式] 日期：2018-10-04 热度：51
很多时候我们写的文章，如果好的话就会被转载了，但是问题是，很多人转载根本就不留下原来的地址，或者，你根本就不想要别人转载你的文章怎么办，禁止选择和复制是一个好办法，网络中的代码都非常的冗余，今天给大家带来的这两行代码就可以轻松的禁止网页[详细]
-
关于 addEventListener 和 handleEvent 方法
所属栏目：[模式] 日期：2018-10-04 热度：148
使用 addEventListener 可以绑定事件，并传入回调函数。 Mozilla 0.9.1 和 Netscape 6.1 之后的版本不但支持传递函数引用，也都允许直接把拥有 handleEvent 方法的对象作为 addEventListener 方法的第二参数。 这在 DOM Level 2 的接口定义中也已经做了说[详细]
-
9 条 JavaScript 开发最佳实践
所属栏目：[模式] 日期：2018-09-30 热度：155
1、使用正确的 script 标签 如果你需要在 html 文档中使用一些 Java Script 代码，你应当通常会使用如下的 script 标签： script type=text/javascript //insert your code here /script但是在源代码中，以下这种标签写法随处可见： script type=text/java[详细]
-
JavaScript 中的对象引用机制
所属栏目：[模式] 日期：2018-09-30 热度：165
Java Script 中的对象引用机制 对象的引用机制：对象不会被复制，只能通过引用来传递。 简单的例子： var i = mangguo = {}; //不论是否为空对象 mangguo.address = 'Hangzhou';那么 mangguo.address 的值和 i.address 一致，原因是 i 和 mangguo 引用的是[详细]
-
简单的Js正则表达式：滤除多余字符
所属栏目：[模式] 日期：2018-09-30 热度：89
简单的Js正则表达式：滤除多余字符 利用正则表达法除去字符串中的重复字符，一个简单的 Java Script正则表达式实例，将一串含有重复字符串中的多余字符滤除掉。 代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]html head title利用正则表达法[详细]
-
JS简单获得屏幕真彩色,16位或32位
所属栏目：[模式] 日期：2018-09-30 热度：59
Js获取屏幕的颜色色彩品质，16位或32位，只需运行本代码，即可得到你当前屏幕的颜色品质，现在一般都是32位了。 简单代码如下： html head title取得屏幕的色彩品质/title /head body script language=javascript !-- document.write(屏幕的颜色为:+screen[详细]
-
Javascript在网页上添加“另存为”按钮
所属栏目：[模式] 日期：2018-09-28 热度：132
javascript实现网页另存为，点击按钮即可实现，网页特效代码。 由于高版本 IE浏览器 安全机制较高，因此在IE7以上浏览器可能无法运行。 代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]html head title另存网页/title /head body OBJECT clas[详细]
-
百叶窗打开网页,一行Js代码即可实现
所属栏目：[模式] 日期：2018-09-28 热度：148
百叶窗打开网页,一行Js代码即可实现，一种网页的过渡效果，当打开链接的时候，等待页面加载完成 ，然后以百叶窗的方式慢慢显示出来，而且代码也很简单，在此之前还以为，这种效果需要用不少Js代码才能实现。 特效演示： htmlheadtitle使用百叶窗效果来切换[详细]
-
JS实现网页打开“整理收藏夹”对话框
所属栏目：[模式] 日期：2018-09-28 热度：190
Java script实现在网页上显示整理收藏夹，由于该功能有安全隐患，因此IE高版本无法实现。通过点击网页上的链接显示出整理收藏夹对话框，与添加收藏夹对话框有点相似。 代码如下：[详细]
-
IE event.stopPropagation()阻止冒泡事件
所属栏目：[模式] 日期：2018-09-28 热度：141
在火狐 Firefox 、opera、IE下阻止冒泡事件是不同的代码的，火狐下使用的是event.stopPropagation()，而IE下使用的是cancelBubble， jQuery 可以使用e.stopPropagation()就可以兼容了，如果是纯粹的 Java Script需要下面的代码来统一： if (event.stopPropa[详细]
-
用JScript RuntimeObject检测全局污染
所属栏目：[模式] 日期：2018-09-28 热度：108
这是一篇关于使用JScriptRuntimeObject（MSDN）调试的文章。虽然这些例子中的大多数在其他浏览器中不能运行，但在IE 5.5+中都能运行。 泄露的全局标识符 比如说你一不小心创建了一个全局属性，如： function playRugby(players) { var items, i; len = ite[详细]
-
javascript中匿名函数的N种写法
所属栏目：[模式] 日期：2018-09-28 热度：168
在java中有private属性，强大的功能js不能实现就矮人一截，匿名函数，发扬广大 匿名函数没有实际名字，也没有指针，怎么执行滴？ 其实大家可以看看小括号的意义就应该可以理解。小括号有返回值，也就是小括号内的函数或者表达式的返回值，所以说小括号内的f[详细]
-
提高Firefox的innerHTML()的性能
所属栏目：[模式] 日期：2018-09-28 热度：195
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 热度：170
项目中假如碰到了上传图片文件时，需要在后台加检测程序，判断图片类型是否合法，以防止一些非法的文件上传，如果对js的Image对象比较熟悉我们可以使用下面的方法在前端层次上检查下图片类型是否合法。 var img = new Image(); img.onload = function(){ al[详细]
-
documentElement知识汇总
所属栏目：[模式] 日期：2018-09-18 热度：140
问题来源: 取得当前浏览器窗口的高度和宽度 解决文案: 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 热度：54
最近一次的开发中遇到了IE下setTimeout传参数的问题，在IE下setTimeout是不会传参数的，例如下面的代码，在IE下就不会传入a,b两个参数 setTimeout(function(a,b){ alert(a+b); },1000,'hello,','world!'); 在实际项目中我们有些需求必须传入参数要setTimeo[详细]
-
JavaScript 基础应用语法
所属栏目：[模式] 日期：2018-09-18 热度：71
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 热度：166
js用法例子:使用split分隔指定字符串 Java Script使用split分隔指定字符串，用法举例，这里使用，逗号作为分隔符，将一长串含有逗号的字符串分开，应用十分广泛，其用法也相当简单，你从本代码中即可学到用法。 Copy to Clipboard 引用的内容：[www.veryhu[详细]
-
Chrome浏览器中用JS获取表格及其元素的CSS宽高
所属栏目：[模式] 日期：2018-09-18 热度：65
虽然现在表格用的很少了，但是某些写东西还是需要用到的。 今天在做F7Dialog2.0项目的时候遇到了要获取表格单元格的CSS宽高。自认为获取宽高很简单，直接写了代码获取，后来那部分代码写完后测试时才发现chrome执行结果不同，很是郁闷[详细]
-
cookie的添加、获
所属栏目：[模式] 日期：2018-09-18 热度：142
下面这段代码最开始是参考腾讯的，自经过调整加工及添加注释后贴出来，希望对大家有所帮助。 在注释中的解释应该已经很详细了，如遇到问题可以在评论中咨询。 // cookie 2.0 F7 Editor function setCookie(name, value, expires, path, domain){ //name coo[详细]
-
JS批量获取class命名节点 getElementsByClassName()
所属栏目：[模式] 日期：2018-09-18 热度：111
JS批量获取class命名节点 getElementsByClassName() getElementsByClassName() 是一个老的方法了，将其优化整理后给大家提供。 代码如下： // 批量获取class命名节点 function getElementsByClassName(className, tag, parent){ var parent = parent || doc[详细]
-
javascript判断dom是否加载完毕
所属栏目：[模式] 日期：2018-09-18 热度：133
首先要明确两个概念 1.window.onload:页面加载完毕，页面内所有组件(图片等)都可用。 2.dom 加载：指文档对象模型加载完毕，要先于window.onload事件。 可以看出，当页面包含大量组件(特别是图片)的情形下，以上两种加载的时间相隔将会很长，这时判断dom何[详细]
-
javascript 缓存提供程序
所属栏目：[模式] 日期：2018-09-18 热度：95
相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络（CDN）缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。 这[详细]
-
Prototype 实现的 AJAX Edit in Place
所属栏目：[模式] 日期：2018-09-16 热度：155
Prototype 似乎已经过气了，但用的人还是挺多，这段代码是用来实现即时文本编辑(Edit In Place)的功能。 // Requires prototype.js function edit(action, obj) { Element.hide(obj); var textarea ='div id=' + obj.id + '_editorinput type=text id=' +[详细]
