-
js 控制 checkbox 全选的简单代码
所属栏目：[模式] 日期：2018-09-19 热度：134
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[详细]
-
JavaScript for/in循环的用法实例
所属栏目：[模式] 日期：2018-09-19 热度：80
Java Script for/in循环的用法实例，虽然For、IN大家用着不习惯，不过各有各的优势和个性，用好了一样是优秀的代码。 html head titlefor/in循环/title /head body centerh2测试for/in循环/h2/center hr script language=JavaScript // 变量声明 var prop;[详细]
-
Javascript 中 while 循环用法的代码
所属栏目：[模式] 日期：2018-09-19 热度：176
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-19 热度：69
ForIn 声明用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。 先定义一个构造函数： var Status = function(arg){ this.arg = arg;}Status.prototype.getStatus = function(){ return this.arg;} 接着实例化： var instance = new Status[详细]
-
JS 中 “null 为空或不是对象” 的解决办法
所属栏目：[模式] 日期：2018-09-19 热度：145
1. 'null'为空或不是对象: script type=text/javascript 里面加个defer=true属性试试看， 即:script type=text/javascript defer=true 其中defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题 2. document.getElementById为null 原因: var t[详细]
-
转变代码思路：js浏览器判断方法
所属栏目：[模式] 日期：2018-09-19 热度：60
变则通，通则达，在coding的时候也要做到，有时候思路往往太过于局限性，拿今天写自己的js框架（暂定名为YQ吧，以后文章通用）对浏览器判断方法的实例，来说说代码思路的转变。 navigator.userAgent分析 关于javascript对浏览器的判断，很早之前我写过一篇[详细]
-
JavaScript的FileSystemObject对象写入文本文件内容
所属栏目：[模式] 日期：2018-09-19 热度：70
本代码主要是练习 Java Script的FileSystemObject对象，用它来让JavaScript向一个文本文件中写入内容，这个TXT文件的路径你可以自己指定，然后定义好要写入的内容，运行代码，你会发现原来的TXT文本中的内容已改变。 htmlheadtitle写入文本文件/title/head[详细]
-
关于ExtJS错误“例外被抛出且未被接
所属栏目：[模式] 日期：2018-09-19 热度：132
最近在使用ExtJS搭建网页界面过程中报出错误消息，IE中的提示如下： 例外被抛出且未被接住，行19。。。。 Firefox 提示如下： uncaught exception: No center region defined in BorderLayout westpanel. 根据IE的错误信息调试了老半天也没找到哪的毛病，[详细]
-
当构造函数遇到 YUI3 封装机制
所属栏目：[模式] 日期：2018-09-19 热度：50
Copy to Clipboard 引用的内容：[www.veryhuo.com]/* * 构造确认操作对话框 * @constructor ConfirmBox */ var ConfirmBox, confirmOff, confirmDel; ConfirmBox = function(msg, url){ this.msg = msg; this.url = url; }; ConfirmBox.prototype.fire = f[详细]
-
如何编写高质量的Javascript代码（译）
所属栏目：[模式] 日期：2018-09-19 热度：61
优秀的Stoyan Stefanov在他的新书中（《 Java script Patterns》）介绍了很多编写高质量代码的技巧，比如避免使用全局变量，使用单一的var关键字，循环式预存长度等等。 这篇文章不仅仅从代码本身来考虑如何优化编码，也从代码的设计阶段来考虑，包括书写A[详细]
-
提高Firefox的innerHTML()的性能
所属栏目：[模式] 日期：2018-09-16 热度：119
Firefox 下innerHTML在操作量大了以后性能下降很厉害,有人写了个提高innhtml性能的代替方法： function replaceHtml(el, html) { var oldEl = typeof el === string ? document.getElementById(el) : el; /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一[详细]
-
JS的Image对象可用于检测图片类型是否合法
所属栏目：[模式] 日期：2018-09-16 热度：118
项目中假如碰到了上传图片文件时，需要在后台加检测程序，判断图片类型是否合法，以防止一些非法的文件上传，如果对js的Image对象比较熟悉我们可以使用下面的方法在前端层次上检查下图片类型是否合法。 var img = new Image(); img.onload = function(){ al[详细]
-
documentElement知识汇总
所属栏目：[模式] 日期：2018-09-16 热度：183
问题来源: 取得当前浏览器窗口的高度和宽度 解决文案: 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-16 热度：125
最近一次的开发中遇到了IE下setTimeout传参数的问题，在IE下setTimeout是不会传参数的，例如下面的代码，在IE下就不会传入a,b两个参数 setTimeout(function(a,b){ alert(a+b); },1000,'hello,','world!'); 在实际项目中我们有些需求必须传入参数要setTimeo[详细]
-
JavaScript 基础应用语法
所属栏目：[模式] 日期：2018-09-16 热度：70
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-16 热度：170
js用法例子:使用split分隔指定字符串 Java Script使用split分隔指定字符串，用法举例，这里使用，逗号作为分隔符，将一长串含有逗号的字符串分开，应用十分广泛，其用法也相当简单，你从本代码中即可学到用法。 Copy to Clipboard 引用的内容：[www.veryhu[详细]
-
Chrome浏览器中用JS获取表格及其元素的CSS宽高
所属栏目：[模式] 日期：2018-09-16 热度：86
虽然现在表格用的很少了，但是某些写东西还是需要用到的。 今天在做F7Dialog2.0项目的时候遇到了要获取表格单元格的CSS宽高。自认为获取宽高很简单，直接写了代码获取，后来那部分代码写完后测试时才发现chrome执行结果不同，很是郁闷[详细]
-
cookie的添加、获
所属栏目：[模式] 日期：2018-09-16 热度：143
下面这段代码最开始是参考腾讯的，自经过调整加工及添加注释后贴出来，希望对大家有所帮助。 在注释中的解释应该已经很详细了，如遇到问题可以在评论中咨询。 // cookie 2.0 F7 Editor function setCookie(name, value, expires, path, domain){ //name coo[详细]
-
JS批量获取class命名节点 getElementsByClassName()
所属栏目：[模式] 日期：2018-09-16 热度：162
JS批量获取class命名节点 getElementsByClassName() getElementsByClassName() 是一个老的方法了，将其优化整理后给大家提供。 代码如下： // 批量获取class命名节点 function getElementsByClassName(className, tag, parent){ var parent = parent || doc[详细]
-
javascript判断dom是否加载完毕
所属栏目：[模式] 日期：2018-09-16 热度：122
首先要明确两个概念 1.window.onload:页面加载完毕，页面内所有组件(图片等)都可用。 2.dom 加载：指文档对象模型加载完毕，要先于window.onload事件。 可以看出，当页面包含大量组件(特别是图片)的情形下，以上两种加载的时间相隔将会很长，这时判断dom何[详细]
-
JavaScript Event学习补遗：addEventSimple
所属栏目：[模式] 日期：2018-09-14 热度：56
这里有个addEventSimple和removeEventSimple函数，有时候需要不那么显眼的事件处理程序的时候我就用这两个函数注册。 function addEventSimple(obj,evt,fn) { if (obj.addEventListener) obj.addEventListener(evt,fn,false); else if (obj.attachEvent) o[详细]
-
JavaScript Event学习第十一章：按键的检测
所属栏目：[模式] 日期：2018-09-14 热度：93
检测用户的按键是事件处理程序的一个很特别的环节。这一章我们着力解决一些非常棘手的问题，并且制定一个完备的表格。 第一个问题是对于按键事件来说根本就没有标准，按照规范说的：包含键盘等输入设备的事件模型会在以后的DOM规范中作出解释。 正如我们了[详细]
-
JavaScript Event学习第十章：一些可替换的事件对
所属栏目：[模式] 日期：2018-09-14 热度：61
为了让我们的JavaScript驱动的页面对那些不能或者不想使用鼠标的用户也能很好的使用，我们对于像mouseover和click这样的事件做一些处理，同样的，对于非鼠标事件也同样的要我们的脚本执行。 测试的局限性 这一章我们打算寻找哪些事件可以用来仿真鼠标事件。[详细]
-
JavaScript Event学习第九章：鼠标事件
所属栏目：[模式] 日期：2018-09-14 热度：176
鼠标事件是到目前为止最重要的事件。在这一章我将介绍一些鼠标事件的最常见的问题和技巧。 先看看都有哪些鼠标事件：mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件[详细]
-
JavaScript Event学习第八章：事件的顺序
所属栏目：[模式] 日期：2018-09-14 热度：67
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题：如果一个元素和他的父元素对于同样的事件都有事件处理程序，那么哪个会首先执行呢？毫无疑问，看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
