代码改变世界

随笔分类 -  Javascript

Javascript中this关键字详解

2016-04-10 23:05 by 追忆似水流年, 175 阅读, 收藏,
摘要: 原文出处:http://www.cnblogs.com/justany/archive/2012/11/01/the_keyword_this_in_javascript.html Quiz 请看下面的代码,最后alert出来的是什么呢? 要解决这个问题我们需要了解Javascript的this关键 阅读全文

Chrome 中的 JavaScript 断点设置和调试技巧

2016-04-09 20:30 by 追忆似水流年, 324 阅读, 收藏,
摘要: 你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题。不过放着 Chrome 中功能 阅读全文

将Sublime Text3添加到右键菜单中

2016-04-08 19:20 by 追忆似水流年, 3008 阅读, 收藏,
摘要: 前一段重新安装了Sublime Text3,不过一直不在右键菜单中,所以决定添加,有如下2种方法。 方法一(推荐)、 把以下代码,复制到SublimeText3的安装目录,然后重命名为:sublime_addright.inf,然后右击安装就可以了。 PS:重命名文件之前,需要先在工具--文件夹选项 阅读全文

sublime text 3如何安装插件和设置字号

2016-04-08 19:06 by 追忆似水流年, 401 阅读, 收藏,
摘要: 使用ctrl + ~(这个符号是键盘上1前面那个),如果不能调用出就需要修改快捷键,在Preferences ->Key Bindings - Default打开文件后,大概在248行,这里我修改成{ "keys": ["ctrl+shift+`"], "command": "show_panel" 阅读全文

sublime text 侧边栏样式修改

2016-04-08 19:01 by 追忆似水流年, 831 阅读, 收藏,
摘要: 安装PackageResourceViewer 插件。快捷键 CTRL+SHIFT+P 打开 命令面板,输入 Package Control:Install Package (直接输入PCIP,四个单词的首字母更快)回车,等待加载package列表,搜索并安装 PackageResourceView 阅读全文

JS中关于clientWidth offsetWidth scrollWidth 等的含义

2016-04-06 21:28 by 追忆似水流年, 233 阅读, 收藏,
摘要: 网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight 阅读全文

scrollWidth,clientWidth,offsetWidth的区别

2016-04-06 21:26 by 追忆似水流年, 253 阅读, 收藏,
摘要: 通过一个demo测试这三个属性的差别。 说明: scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。 clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变。 offsetWidth:对象整体的实际宽度,包滚动条等边线 阅读全文

JS中apply和call的用法

2016-03-10 13:36 by 追忆似水流年, 282 阅读, 收藏,
摘要: JavaScript中有一个call和apply方法,其作用基本相同,但也有略微的区别。 先来看看JS手册中对call的解释: call 方法调用一个对象的一个方法,以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项 阅读全文

JS中的call()和apply()方法

2016-03-10 12:30 by 追忆似水流年, 325 阅读, 收藏,
摘要: 1、方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 阅读全文

Win7环境下Sublime Text 3下安装NodeJS插件

2016-03-01 22:33 by 追忆似水流年, 290 阅读, 收藏,
摘要: 1.首先下载安装Node.JS,配置好环境变量(安装好Node.JS默认是配置好了环境变量的)。 2.Sublime Text 3下安装NodeJS插件。 参考的两篇文章:http://www.cnblogs.com/bluesky4485/p/3928364.html http://www.cnb 阅读全文

深入分析js中的constructor 和prototype

2016-03-01 15:06 by 追忆似水流年, 482 阅读, 收藏,
摘要: 在javascript的使用过程中,constructor 和prototype这两个概念是相当重要的,深入的理解这两个概念对理解js的一些核心概念非常的重要。 我们在定义函数的时候,函数定义的时候函数本身就会默认有一个prototype的属性,而我们如果用new 运算符来生成一个对象的时候就没有p 阅读全文

模式化窗口问题![window.dialogArguments]

2011-10-24 10:54 by 追忆似水流年, 5865 阅读, 收藏,
摘要: 前些天做项目时遇到了个浏览器兼容问题,解决后记录一下,也将模式化的资料放上! 详细问题描述: 在火狐浏览器中弹出一个子窗口,子页面中是一个分页,点下一页后子页面会刷新,然后window.dialogArguments对象就丢失了,alert输出显示undefined [解决方法见第三项] 最近做网站的时候需要用到模式化窗口功能,也遇到了一些问题,所以查了查资料以解决 1. 弹出窗口几种方法: a. window.open(pageURL,name,parameters); b. window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框(IE 4+支持) .. 阅读全文

js动态改变HiddenField值,后台不能获取值的问题

2011-08-20 12:00 by 追忆似水流年, 7554 阅读, 收藏,
摘要: 在项目中遇到的问题是这样的:我在前一篇中写到页面交互在客户端JS使用window.showModalDialog()方法,A页面传递参数到B页面,B页面接收参数后,查询获得的数据,将选中的数据通过一个字符串返回来,这个通过window.showModalDialog()解决了。现在用JS将返回的字符串赋值给一个服务器控件HiddenField:document.getElementById("<%=hdnUserData.ClientID %>").value = result;同时将数据绑定到服务器控件CheckBoxList。将这返回的数据立马绑定到Chec 阅读全文

文本框TextBox只允许输入数字,不用onkeyup

2011-07-19 16:38 by 追忆似水流年, 950 阅读, 收藏,
摘要: 文本框TextBox只允许输入数字,不用onkeyup 文本框实现只允许输入数字,禁止输入字母、只需要在Textbox 中添加属性:onkeypress="if (event.keyCode<48 || event.keyCode>57) event.returnValue=false;" 就可以实现禁止粘帖:onpaste="return false"禁用输入法:style="ime-mode:disabled"输入小数点:event.keyCode=46 阅读全文

js正则表达式验证

2011-06-14 09:22 by 追忆似水流年, 186 阅读, 收藏,
摘要: 内容来源于网络,都是自己工作中遇到,在这里做个整理,收集起来以备以后查找。1.JS验证是否为正整数varfeeCountObj=document.getElementById("<%=this.txtFeeCount.ClientID%>");varre=/^[1-9]\d*$/;if(!re.test(feeCountObj.value)){alert("费率数必须为正整数");feeCountObj.value="";feeCountObj.focus();returnfalse;} 阅读全文

TextBox客户端JS赋值 后台获取(转载)

2011-05-19 16:29 by 追忆似水流年, 1764 阅读, 收藏,
摘要: TextBox客户端JS赋值 后台获取要求: 客户端不能输入,但可通过js赋值,并在服务器端获取到js赋的值最近在用VS2005作项目,遇到一个这样的问题,textbox的内容总是无法获得,最后找来找去,原来是readonly搞的鬼ReadOnly获取或设置一个值,用于指示能否更改 TextBox 控件的内容。重要事项: 发生回发时,TextBox 控件(其 ReadOnly 属性设置为 true)的 Text 值被发送到服务器,但是服务器不处理只读文本框。这样可以防止恶意用户更改只读的 Text 值。在回发之间,Text 属性的值保留在视图状态中,除非经过服务器端代码修改。要想不让客户端更改 阅读全文

window.returnValue的用法

2011-05-03 17:47 by 追忆似水流年, 499 阅读, 收藏,
摘要: returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口(模式窗口知道吧,就是打开后不能操作父窗口,只能等模式窗口关闭时才能操作)时,用于返回窗口的值,下面举个例子:------------------------------------------------------------------------------//father.html<HTML><HEAD><META NAME="GENERATOR" Content= 阅读全文

style.top style.left 在IE和FireFox的区别

2010-12-01 11:52 by 追忆似水流年, 1168 阅读, 收藏,
摘要: 在IE中可以直接用obj.style.top=100;但在FireFox中必须加上单位,变成obj.style.top=100+'px';style.left同理。 浏览器的判断:window.navigator.userAgent.indexOf("IE") == -1 //非IE浏览器 FireFox,ChromeFireFox没有onmouseover和onmouseout,onclick事... 阅读全文

JS中为一个对象添加事件

2010-11-24 11:13 by 追忆似水流年, 616 阅读, 收藏,
摘要: 例如:在js中,为一个button添加onclick事件可以这样写:[代码]ClickEvent是一个函数。这样在ClickEvent没有参数的时候是可以的,但在ClickEvent需要一个参数的时候,就不行了。这时可以这样添加:[代码]当然,在没有参数时也可以这样添加,这是最好的方法。还有另外一种方法是:[代码]在此,推荐第二种方法,即attachEvent方法。但是第二种方法在FireFox,... 阅读全文

JS中setInterval、setTimeout不能传递带参数的函数的解决办法

2010-11-22 18:19 by 追忆似水流年, 16750 阅读, 收藏,
摘要: 在JS中无论是setTimeout还是setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决。一、采用字符串形式:——(缺陷)参数不能被周期性改变setInterval("foo(id)",1000);二、匿名函数包装window.setInterval(function() {foo (id); }, 1000); 这... 阅读全文