随笔分类 - js
关于js
摘要：<style>.textarea{border:1px solid #bbb; width:550px; height:80px;}.border{border:1px solid #34538b;}</style><h4>最简单的切换</h4><p><input class="remindAuto" type="text" size="45" value="请出入姓名" /></p><h4>外带class的切换<
阅读全文
摘要：老问题：关于判断类型的方法： 1. typeof:这个很常用也很好用，缺点是当变量是对象时，这个方法无法精确区分到底是哪一种对象，比如array,function,String,Number,Boolean都有可能：var a = new String("abc"); var b = function(){}; var c = []; alert(typeof a) //object alert(typeof b) //object alert(typeof c) //object 当然，如果你只需要区分基本数据类型还是可以的。 2：instanceof: 这...
阅读全文
摘要：假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素。obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置，整型，单位像素。obj.offsetWidth 指 obj 控件自身的绝对宽度，不包括因 overflow 而未显示的部分，也就是其实际占据的宽度，整型，单位像素。obj.offsetHeight 指 obj 控件自身的绝对高度，不包括因 overflow 而未显示的部分，也就是其实际占据的高度，整型，单位像素。我
阅读全文
摘要：代码写的很烂，请大牛多多指教，判断内容是否有空格，$(function(){ var checkStr = function(){ var form = $('form[name=get]'); var inputTexts = form.find('input[type=text]'); var input; for (var i = 0; i < inputTexts.length; i++) { input = inputTexts[i].value; blankSpace(input); }; };var blankSpace = function
阅读全文
摘要：今天把入口文件引用错误了，导致加载的时候找不到文件，页面报错，查了一下网上的资料，对模块化加载做了个简单的了解..一个底层框架文件；一个网站业务框架文件，包含整个业务模块类；多个业务文件，包含每个具体页面有关系的业务代码； 为了减少一个HTTP请求，大家可能将底层框架和业务框架文件合成一个文件，作为一个公用文件引入到每个需要使用javascript的页面中，再具体的页面中引入和当前页相关业务js文件。为了减少页面加载脚本阻塞现象，还可以将脚本文件放在html的body底部进行加载。 每个页面最多引用两个js文件，打开首页后，后续页面都可以使用缓存中的合并过的js。如果底层框架改动不太频繁，..
阅读全文
摘要：Fiddler 教程Fiddler是最强大最好用的Web调试工具之一，它能记录所有客户端和服务器的http和https请求，允许你监视，设置断点，甚至修改输入输出数据. 使用Fiddler无论对开发还是测试来说，都有很大的帮助。阅读目录Fiddler的基本介绍Fiddler的工作原理同类的其它工具Fiddler如何捕获Firefox的会话Firefox 中使用Fiddler插件Fiddler如何捕获HTTPS会话Fiddler的基本界面Fiddler的统计视图QuickExec命令行的使用Fiddler中设置断点修改RequestFiddler中设置断点修改ResponseFiddler中创建
阅读全文
摘要：首页说明本人是一个菜鸟，所以代码也很菜，有写的不对的，错的，请多多指教。此方法只能按顺序预加载图片，当页面进来时候开始加载第二张图片，然后以此类推..这样就不用一次把所有的图片加载完，或者等待下一张图片的加载。<img src="" border="1" align="top" width="400" height="300" id="showImg" /> <strong style="color:#0000FF"><- C
阅读全文
摘要：没事瞎写点东西..写了个div垂直居中页面中的代码.$(document).ready(function(){ jQuery.fn.center = function(){ var width = parseInt(($(window).width() - $(this).width() ) / 2 + $(window).scrollLeft()), height = parseInt(($(window).height() - $(this).height()) / 2 +$(window).scrollTop()); $(this).css({ left...
阅读全文
摘要：在JS代码中写入function fn(){}或者var fn=function(){}等等，你都可以将其理解为对象，当然还有数组等等。在理解面向对象之前，先了解下面几个东西吧。1.对象方法的调用在js最外层写的function可以还可以理解为window对象的一个方法。定义的变量也可以称之为window对象的一个属性。例如：[javascript]view plaincopyvartest=function(){alert("123")}当然上面的你也可以这样定义functiontest(){alert("123")}作为window对象的方法我们可以
阅读全文
摘要：javascript既是一门函数式语言，也是一门面向对象的语言，但是要想在javascript中实现类似于java中的private变量可不是一件显而易见的事。你需要借助它的函数式特性：闭包。下面的例子演示了如何构建一个javascript对象，没有任何的隐藏和封装。Javascript代码/***此demo演示了如何在javascript中实现面向对象语言中的信息封装和隐藏。由于javascript不像java那样在语言层面*提供了很好的封装支持，因此需要借助一些模式。*/Book=function(isbn,title,author){if(!isbn)thrownewError('
阅读全文
摘要：昨天做测试的时候，让iframe自适用内部的高度，结果其他浏览器都正常，却在chrome下面不管用，怎么修改代码也不管用，后来番茄大湿告诉我，因为chrome本地file的时候有安全协议，在本地测试不管用，要放在线上才行。果然今天早上放到服务器上测试以后，里面管用了。以下是代码：function iframesize(id) { if (document.getElementById){ var doc = document.getElementById(id); } else{ eval('doc = ' + id+ ';'); } if (doc &
阅读全文
摘要：定义标准IE：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度FireFox：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentE
阅读全文
摘要：document 文挡对象 – JavaScript脚本语言描述———————————————————————注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息 “引用的元素为空或者不是对象\\\\\”———————————————————————对象属性document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor //激
阅读全文
摘要：很长时间没看 正则表达式了，碰巧今天用到，温故知新了一把 看书学习吧50% 的举一反三练习中的原创。一 javascript正则表达式的基本知识 1 javascript 正则对象创建 和用法 声明javascript 正则表达式 var reCat = new RegExp("cat"); 你也可以 var reCat = /cat/; //Perl 风格 （推荐） 2 学习最常用的 test exec match searchreplacesplit 6个方法 1） test检查指定的字符串是否存在 var data = "123123"; var
阅读全文
摘要：jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展：1.1添加一个新的全局函数添加一个全局函数，我们只需如下定义：Java代码jQuery.fo
阅读全文
摘要：原文：http://www.iamued.com/qianduan/1645.html今天看到这篇文章，学到了不少东西 特此发出来 和大家分享JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如setTimeout( function(){ alert(’你好!’); } , 0);setInterval( callbackFunction , 100);认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaScript API文档明确定义第
阅读全文
摘要：作者：阮一峰日期：2011年7月26日jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。虽然jQuery上手简单，比其他库容易学会，但是要全面掌握，却不轻松。因为它涉及到网页开发的方方面面，提供的各种方法和内部变化有上千种之多。初学者常常感到，入门很方便，提高很困难。目前，互联网上最好的jQuery入门教材，是Rebec
阅读全文
摘要：一般我们在JS中添加事件,是这样子的view sourceprint?1obj.onclick=method这种绑定事件的方式，兼容主流浏览器,但如果一个元素上添加多次同一事件呢?1obj.onclick=method1;2obj.onclick=method2;3obj.onclick=method3;如果这样写,那么只有最后绑定的事件,这里是method3会被执行,这个时候我们就不能用onclick这样的写法了,主角改登场了,在IE中我们可以使用attachEvent方法1//object.attachEvent(event,function);2btn1Obj.attachEvent(&
阅读全文
摘要：一、节点的定义dom节点树图中可见节点HTML文档中的每个成分都是一个节点:整个文档是一个文档节点每个HTML标签是一个元素节点包含在HTML元素中的文本是文本节点每个HTML属性是一个属性节点注释属于注释节点备注：通过DOM，可以访问HTML文档中的每个节点。二、节点引用节点的绝对引用：document.documentElement返回文档的根节点document.activeElement返回当前文档中被击活的标签节点event.fromElement返回鼠标移出的源节点event.toElement返回鼠标移入的源节点event.srcElement返回激活事件的源节点节点的相对引用：
阅读全文
摘要：下面是读书笔记，若有错误或不足，欢迎指出。一起交流，共同进步。第一章 正则表达式干啥用1.正则表达式用途：①搜索②替换。 定义：正则表达式是用正则表达式语言创建的。用于解决文本匹配替换问题。第二章 匹配单个字符1.纯文本正则表达式匹配原始文本内对应字符。2.正则表达式区分大小写。3.正则表达式中 . 字符可以匹配任何一个单个的字符。可匹配任何单个的字符、字母、数字甚至是 . 字符本身。（除换行符外）4.\是一个元字符（metacharacter，表示这个字符有特殊含义，而不是字符本身含义）。第三章 匹配一组字符1.元字符[和]，两个字符之间所有字符进行匹配。2.字符区间可以用元字符-（连字符）
阅读全文
浙公网安备 33010602011771号