放逐忧伤

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  JS前端

摘要:alert(Function); alert(Function.prototype); alert(Function.__proto__); alert(Object); alert(Object.prototype); alert(Object.__proto__); alert((function () { }).prototype); alert((function () { }).__proto__); alert((function () { }).__proto__.prototype); alert((function ... 阅读全文
posted @ 2012-06-25 13:55 放逐忧伤 阅读(215) 评论(0) 推荐(0)

摘要:JavaScript初学者及参考必备:中文书籍: JAVASCRIPT从入门到精通 视频实战版pdf JavaScript DOM编程艺术第一版中英文 | 第二版英文 JavaScript学习指南(第2版) JavaScript权威指南 (第5版) 中文版|英文版+随书源代码|第4版 英文版| JavaScript高级程序设计 (第2版) 中文版 JavaScript Bible, 7th Edition (JavaScript宝典 第7版) JavaScript宝典 (第6版) 中文版|英文版 JavaScript入门经典(第3版)中文高清PDF下载 JavaScript与Jscript从入 阅读全文
posted @ 2012-06-21 10:45 放逐忧伤 阅读(716) 评论(0) 推荐(0)

摘要:1.pointer-events在某个项目中,很多元素需要定位在一个地图层上面,这里就要用到很多绝对定位或者相对定位的元素,但是这样的话,这些浮在上面的div或者其它元素一般都会给个宽高,或者relative的元素可以不给宽高,这个时候,这些元素就会盖住下面的地图层,以至于地图层无法操作。。。然后正好在Google map见到了类似的问题,拿来当例子来说:Google map中左上角的操作区域占位是挺大的,如红色框区域,然后在这个区域是无法操作地图层的。那么我们就可以给这个div设置 pointer-events:none,然后你就会发现下面的地图就可以拖动和点击了。但是悲剧的是,操作区域本身 阅读全文
posted @ 2012-06-21 10:27 放逐忧伤 阅读(262) 评论(0) 推荐(0)

摘要:Jquery中绑定事件有三种方法:以click事件为例(1)target.click(function(){});(2)target.bind("click",function(){});(3)target.live("click",function(){});第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已第二、三种方法都是绑定事件,但是二者又有很大的不同,下面着重讲解一下,因为这个如果用到Jquery的框架的话是用的挺多的,尤其要注意二者的区别。【bind和live的区别】live方法其实是bind方法的变种,其基本功能就同bi 阅读全文
posted @ 2012-06-14 16:47 放逐忧伤 阅读(485) 评论(0) 推荐(0)

摘要:function Father() { this.LastName = "Xu", this.GetLastName = function () { alert(this.LastName); } } var Mother = { Address: "XXXXXXX", GetAddress: function () { alert(this.Address); } } function Son() { ... 阅读全文
posted @ 2012-06-08 13:03 放逐忧伤 阅读(163) 评论(0) 推荐(0)

摘要:JS里的function能访问它们的: 1. 参数 2. 局部变量或函数 3. 外部变量(环境变量?),包括3.1 全局变量,包括DOM。3.2 外部函数的变量或函数。 如果一个函数访问了它的外部变量,那么它就是一个闭包。 注意,外部函数不是必需的。通过访问外部变量,一个闭包可以维持(keep alive)这些变量。在内部函数和外部函数的例子中,外部函数可以创建局部变量,并且最终退出;但是,如果任何一个或多个内部函数在它退出后却没有退出,那么内部函数就维持了外部函数的局部数据。var db = (function() {// 创建一个隐藏的object, 这个object持有一些数据... 阅读全文
posted @ 2012-06-04 10:58 放逐忧伤 阅读(311) 评论(0) 推荐(0)

摘要:1.数组的长度var a=new Array();//a.length=0a=new Array(10);//a.length=10a=new Array(1,2);//a.length=2a=[4,5];//a.length=2a[5]=-1;//a.length=6,此时定义了元素(0,1,5)a[49]=0;a.length=50;此时定义了元素(0,1,5,49)2.数组的访问var a=[];a=[{"1":"3"}];alert(a[0][1]);//33.Join方法可以把一个数组里所有元素转换成字符串然后再把他们连接起来,如果没有指定连接 阅读全文
posted @ 2012-06-01 16:23 放逐忧伤 阅读(353) 评论(0) 推荐(0)

摘要:JavaScript: The Definitive Guide, 4th Edition中对Math.ceil(),Math.floor()与Math.round()三个函数的定义。Math.random()Math.ceil()ceil() 方法可对一个数进行上舍入。参数必须是一个数值。返回值大于等于 x,并且与它最接近的整数。Math.floor()floor() 方法可对一个数进行下舍入。参数可以是任意数值或表达式。返回值小于等于 x,且与 x 最接近的整数。Math.round()round() 方法可把一个数字舍入为最接近的整数参数必须是一个数值。返回值与 x 最接近的整数。doc 阅读全文
posted @ 2012-05-25 10:47 放逐忧伤 阅读(761) 评论(0) 推荐(0)

摘要:JS的静态类的定义格式为a.jsvar test ={ geta:function() { return 'a'; }, getb:function () { return 'b'; }}在html里面的调用方式是<scriptlanguage="javascript"src="a.js"></script><scriptlanguage="javascript">window.onload=function(){window.alert(test.geta());} 阅读全文
posted @ 2012-05-09 11:35 放逐忧伤 阅读(322) 评论(0) 推荐(0)

摘要:JavaScript是基于对象的,任何元素都可以看成对象。然而,类型和对象是不同的。本文中,我们除了讨论类型和对象的一些特点之外,更重要的是研究如何写出好的并且利于重用的类型。毕竟,JavaScript这种流行的脚本语言如果能够进行良好的封装,并形成一个庞大的类型库,对于重用是非常有意义的。网上对于prototype的文章很多,一直没明白核心的思想。最后写了很多例子代码后才明白:prototype只能用在类型上。以下是一些关于类型和对象的例子,大家看完例子后可能更容易理解类型和对象之间的联系:例子代码说明1Object.prototype.Property = 1;Object.prototy 阅读全文
posted @ 2012-05-02 15:16 放逐忧伤 阅读(1333) 评论(0) 推荐(0)

摘要:工作当中用到了JQuery 的Autocomplete插件,但是遇到的是非常规使用的问题。其一是下拉菜单的显示和填入文本框的结果要求的字符串不一样,即显示用户名,所属部门,但是填入文本框里的是用户名和电话号码其二是在用户Select过后,需要触发事件,把用户的ID传到另一个隐藏的文本框中首先咱比较懒,于是在网上google了一下技术方案,发现都比较复杂。出于想偷懒的目的,研究了Autocomplete的在线DOC以后,发现有很简单的解决方案首先是应用Autocomplete的formatItem和formatResult函数返回数据集,懒人有懒办法,就用字符串加逗号分隔来表示,一行一个结果:& 阅读全文
posted @ 2011-11-08 17:07 放逐忧伤 阅读(459) 评论(0) 推荐(0)

摘要:jquery-autocomplete学习一、用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/当前版本:1.0.2需要JQuery版本:1.2.6二、使用<script src="./jquery-1.3.2.js" type="text/javascript"></script><script src="./jquery.autocomplete.js" type="text/javascript 阅读全文
posted @ 2011-11-08 15:16 放逐忧伤 阅读(312) 评论(0) 推荐(0)

摘要:第一种方法:代码简单,兼容性还可以,大家可以先测试下。复制代码 代码如下:function SetWinHeight(obj) { var win=obj; if (document.getElementById) { if (win && !window.opera) { if (win.contentDocument && win.contentDocument.body.offsetHeight) win.height = win.contentDocument.body.offsetHeight; else if(win.Document &&a 阅读全文
posted @ 2011-09-07 20:29 放逐忧伤 阅读(290) 评论(0) 推荐(0)

摘要:用js获取url网址信息执行 用javascript获取url网址信息 代码效果如下location.host=www.99n9.comlocation.hostname=www.99n9.comlocation.href=http://www.99n9.com/bc/2008/0306/article_1860.htmllocation.pathname=/bc/2008/0306/article_1860.htmllocation.protocol=http:详细介绍 window.location方法获取URL统一资源定位符 (Uniform Resource Locator, URL) 阅读全文
posted @ 2011-08-16 17:55 放逐忧伤 阅读(290) 评论(0) 推荐(0)

该文被密码保护。
posted @ 2011-06-29 17:18 放逐忧伤 阅读(1) 评论(0) 推荐(0)

摘要:js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。 例如:<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7&u='+encodeU 阅读全文
posted @ 2011-06-01 14:32 放逐忧伤 阅读(1025) 评论(0) 推荐(0)

摘要:1.CONTROL类,该类JS只起到某个特定功能的控件2.UI类,如tip,3.TOOL类,辅助CONTROL类的一种JS存在,就是在CONTROL类中加入的功能,比方如,一个CONTROL的对话框JS,现在在对话框上加入一个拖拽,4.COMMON类,主要提供静态方法等。 阅读全文
posted @ 2011-05-20 16:38 放逐忧伤 阅读(269) 评论(0) 推荐(0)

摘要:理解$.extend(),与$.fn.extend()方法区别1.$.extend()方法$.extend()方法在JQuery中有两个用法,第一次是扩展方法,第二个方法是 jQuery.extend([deep], target, object1, [objectN])返回值:Object把2个对象合并得到新的target,deep是可选的(递归合并)合并 settings 和 options,修改并返回 settings。jQuery 代码:var settings = { validate: false, limit: 5, name: "foo" };var opt 阅读全文
posted @ 2011-05-17 17:42 放逐忧伤 阅读(11333) 评论(1) 推荐(2)

摘要:Jscript 有三种主要数据类型、两种复合数据类型和两种特殊数据类型。三种数据类型为:字符串 数值 布尔 两种符合数据类型:对象 数组 两种特殊数据类型:Null Undefined 字符串类型:"Happy am I; from care I’m free!"'"Avast, ye lubbers!" roared the technician.' "42"'c'注意字符串中的引号位置,以及用法。请注意,JScript 中没有表示单个字符的类型(如 C++ 的 char)。要表示 Jscript 中 阅读全文
posted @ 2011-05-17 15:26 放逐忧伤 阅读(267) 评论(0) 推荐(0)

摘要:<html><head><script type="text/javascript">function detectBrowser(){var browser=navigator.appNamevar b_version=navigator.appVersionvar version=parseFloat(b_version)if ((browser=="Netscape"||browser=="Microsoft Internet Explorer")&& (version> 阅读全文
posted @ 2011-05-16 16:12 放逐忧伤 阅读(264) 评论(0) 推荐(0)