随笔分类 - JavaScript
摘要：先看页面 前端表单代码 register.html 所引用的js文件 在 additional-methods.js 这个文件里添加了密码强度的验证方法 在后端验证用户名是否存在
阅读全文
摘要：技巧就是把提交的input的类型改成button！这样就可以实现多个按钮提交！ 以下是案例： 这个可以用来做一个页面中有多个提交按钮的情况！！
阅读全文
摘要：card.js
阅读全文
摘要：webuploader单文件上传设置
阅读全文
摘要：querySelector 和 querySelectorAll 方法是W3C Selectors API规范中定义的。他们的作用是根据 CSS 选择器规范，便捷定位文档中指定元素。目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。querySelector 和 querySelectorAll 在规范中定义了如下接口：module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMStr
阅读全文
摘要：//非延迟加载的函数，每次调用都会进行条件判断function removeHandler(target,eventType,handler) { if(target.removeEventListener) { target.removeEventListener(eventType,handler,false); }else { target.detachEvent("on"+eventType,handler); }}//延迟加载的函数，第一次调用后，会覆盖原来的老函数，以后再次调用的是新函数，不会再进行条件的判断，提升效率function ...
阅读全文
摘要：clientWidth是对象可见的宽度，不包滚动条等边线，会随窗口的显示大小改变。scrollWidth是对象的实际内容的宽，不包边线宽度，会随对象中内容的多少改变（内容多了可能会改变对象的实际宽度）offsetWidth是对象的可见宽度，包滚动条等边线，会随窗口的显示大小改变。------------------------------------------------一个scrollWidth和clientWidth的例子：<html><head><title>77.htm文件</title></head><body>
阅读全文
摘要：//高效简洁 //低消能children //childNodeschildElementCount //childNodes.lengthfirstElementChild //firstChildlastEelmentChild //lastChildnextElementSibling //next...
阅读全文
摘要：Module模式的应用：var Caculator = function(eqt){ var box = document.getElementById(eqt); return { add:function(x,y){ return x+y; } }};var a = new Caculator('11');a.add(1,3); // return 4这种方式每次都需要new 一下，也就是说每个实例在内存里都是一份copy，如果你不需要传参数或者没有一些特殊苛刻的要求的...
阅读全文
摘要：1.delete只能删除属性，对于var声明的变量是不能的注意：通过var创建的全局变量（任何函数之外的程序中创建）是不能被删除的。无var创建的隐式全局变量（无视是否在函数中创建）是能被删除的。var a = (function(){return this;}()); //return globa objecta == window //return truem = 1; //这个属于隐式全局变量，其实这中全局变量是window这个全局变量的一个属性a.m //return 1delete m;a.m //return undefined特例：eval("var t=1"
阅读全文
摘要：定义来源：http://zh.wikipedia.org/wiki/JSONPJSONP（JSON with Padding）是资料格式JSON的一种“使用模式”，可以让网页从别的网域要资料。另一个解决这个问题的新方法是跨来源资源共享。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com 的服务器沟通，而HTML的<script>元素是一个例外。利用<script>元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 资料，而这种使用模式就是所谓的 JSONP。用 JSONP 抓到的资料并
阅读全文
摘要：最近在做项目中，遇到一个问题，就是iframe高度的自适应问题，以下是解决办法：var iframeids = ['memberIndexIframe','inquiryCenterIframe','everychinaBbsIframe'];var iframehide = "yes";function dynIframeSize(){ var dyniframe = []; for(var i=0;i<iframeids.length;i++){ if(!document.getElementById) return
阅读全文
摘要：项目需求：固定长宽的容器，要求放入合适大小的图片（图片大的等比例缩小；图片小的等比例放大）下列示例代码：//<div><img src="http://dsb.66wz.com/images/2007-11/09/119454094354649494160708476276.jpg" onload="autoResizeImage(200,100,this)"></div>function autoResizeImage(max_Width,max_Height,imgObj) { var image = new Im
阅读全文
摘要：1.创建节点2.复制节点3.插入节点4.删除节点5.替换节点6.查找节点7.节点的属性8.遍历节点树===========================================1.创建节点：var p = document.createElement("p"); //创建一个元素节点，新创建出来的元素节点不会被自动添加的奥文档里，它没有nodeParent属性，所以需要用appendChild or insertBefore or 其他方法添加到文档中p.setAttribute("title","this is title"
阅读全文
摘要：对单行文本框，defaultValue属性的值就是value属性的初始值；对多行文本框，它的值就是<textarea>和</textarea>之间的值。defaultValue属性和value属性的区别在于，defaultValue属性的值不会随着文本框的内容变化而变化，而value属性的值会随着文本框的内容变化而变化。在表单被重置时，文本框将被恢复为defaultValue属性的值。而defaultChecked是判断该标签是否被选中，返回true or false例如：<label for="man">男<input type=
阅读全文
摘要：最近做项目时遇到一个问题，就是js在框架结构的网页文件与普通的网页文本文件执行顺序的区别demo1：normal<html><head><script>.......</script></head><body>........</body></html>demo2: frameset<html><head><script>.......</script></head><frameset> <frame>.......
阅读全文
摘要：<div id="header" title="this is test title"> first child node <br /> second child node <p>this is footer</p> </div> <div id="content">content .....</div> <div id="footer">footer</div>1.获得所有的div对象var div = d
阅读全文
摘要：//作者：塗聚文， //還有繁體字，可以自己加上 //根據網上修改：http://www.dusystem.com,www.dupcit.com var pinyin={ mfkdb:[ ['A','阿吖嗄腌锕'], ['Ai','埃挨哎唉哀皑癌蔼矮艾碍爱隘捱嗳嗌嫒瑷暧砹锿霭'], ['An','鞍氨安俺按暗岸胺案谙埯揞庵桉铵鹌黯'], ['Ang','肮昂盎'], ['Ao','凹敖熬翱袄傲奥懊澳坳嗷岙廒遨媪骜獒聱螯鏊鳌鏖'], [&
阅读全文
