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

随笔分类 -  JavaScript

摘要:var A_Z="";for(var i=65;i<91;i++){ A_Z+=String.fromCharCode(i)+" ";}alert(A_Z); 阅读全文

posted @ 2012-05-18 13:29 达奇 阅读(6988) 评论(0) 推荐(0)

摘要:表达式值null == undefinedtrue"NaN" == NaNfalse5 == NaNfalseNaN == NaNfalseNaN != NaNtruefalse == 0truetrue == 1truetrue == 2falseundefined == 0falsenull == 0false"5" == 5true 阅读全文

posted @ 2012-05-03 16:05 达奇 阅读(176) 评论(0) 推荐(0)

摘要:javascript有this关键字,this跟javascript的执行上下文密切相关,很多前端开发工程师至今对this关键字还是模棱两可,本文将结合代码讲解下javascript的this关键字。this和对象的关系首先来看下面的代码:var person = { name:'Theo Wong', gender:'male', getName:function(){ console.log(person.name); }};person.getName();定义了一个person对象,对象中包含了name、gender属性,还包括了一个getName的方法 阅读全文

posted @ 2012-04-11 10:31 达奇 阅读(282) 评论(0) 推荐(0)

摘要:// \x00-\xff 是字符编码的范围,如果查过这个范围,就不是字母和数字了,//把全部符合\x00-\xff条件的字符用NB替换,然后计算长度,即遇到一个中文就用NB替换,计算为两位 var length = name.replace(/[^\x00-\xff]/g,"NB").length; if(length>255){ 阅读全文

posted @ 2012-04-06 13:48 达奇 阅读(1537) 评论(0) 推荐(0)

摘要:var a=”123456789”;strVariable.substring(start, end)a.substring(start, end)//1,3//results:23arrayObj.slice(start, [end]) a.slice(start, [end]) //1,3//results:23所以slice可以完全替代substringstringvar.substr(start [, length ])a.substr(start [, length ])//1,3//results:234 阅读全文

posted @ 2012-02-24 15:16 达奇 阅读(159) 评论(0) 推荐(0)

摘要:1. 取整同时转成数值型:’10.567890′|0结果: 10’10.567890′^0结果: 10-2.23456789|0结果: -2~~-2.23456789结果: -22. 日期转数值:var d = +new Date(); //12956984167923. 类数组对象转数组:var arr = [].slice.call(arguments)4. 漂亮的随机码:Math.random().toString(16).substring(2); //14位Math.random().toString(36).substring(2); //11位5. 合并数组:var a = [1 阅读全文

posted @ 2012-02-22 13:32 达奇 阅读(374) 评论(2) 推荐(0)

摘要:绑定事件监听用的是"传统"方式:设置元素的onclick属性;它只支持事件冒泡,不支持捕获。要支持捕获可以用W3C方式绑定事件:addEventListener('click', function(){ … }, true);第三个参数为true就表示捕获阶段,为false就表示冒泡阶段。不过W3C绑定addEventListener在IE里面无效,要用IE的绑定attachEvent函数来代替。而IE绑定的又只支持事件的冒泡阶段了。addEventListener(事件类型, 处理函数, 使用捕获);attachEvent(事件类型, 处理函数);mous 阅读全文

posted @ 2012-02-02 22:10 达奇 阅读(1662) 评论(0) 推荐(0)

摘要:if(-[1,]){//比较nice的浏览器}else{//万恶的IE6}在此衷心祝愿IE6早死早超生 阅读全文

posted @ 2012-01-31 13:31 达奇 阅读(228) 评论(0) 推荐(0)

摘要:<script language="javascript" type="text/javascript"><!--function copy_clip(meintext){ if (window.clipboardData) { // the IE-manier window.clipboardData.setData("Text", meintext); // waarschijnlijk niet de beste manier om Moz/NS te detecteren; // het is mij ech 阅读全文

posted @ 2012-01-27 22:15 达奇 阅读(489) 评论(0) 推荐(0)

摘要:1. '' == '0' // false 2. 0 == '' // true 3. 0 == '0' // true 4. false == 'false' // false 5. false == '0' // true 6. false == undefined // false 7. false == null // false 8. null == undefined // true 9. true == 1 // true 10. '' == null // false 阅读全文

posted @ 2012-01-27 20:42 达奇 阅读(187) 评论(0) 推荐(0)

摘要:1. CSS “float” 值访问一个给定CSS 值的最基本句法是:object.style.property,使用驼峰写法来替换有连接符的值,例如,访问某个ID为”header”的<div>的 background-color值,我们使用如下句法:document.getElementById("header").style.backgroundColor= "#ccc";但由于”float“这个词是一个JavaScript保留字,因此我们不能用 object.style.float来访问,这里,我们可以在两种浏览器中这么做:在IE中这样 阅读全文

posted @ 2012-01-12 00:07 达奇 阅读(241) 评论(0) 推荐(0)

摘要:<SCRIPT LANGUAGE="javascript"> js脚本开始;window.open 弹出新窗口的命令;'page.html' 弹出窗口的文件名;'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;height=100 窗口高度;width=400 窗口宽度;top=0 窗口距离屏幕上方的象素值;left=0 窗口距离屏幕左侧的象素值;toolbar=no 是否显示工具栏,yes为显示;menubar,scrollbars 表示菜单栏和滚动栏。resizable=no 是否允 阅读全文

posted @ 2011-07-29 13:28 达奇 阅读(222) 评论(0) 推荐(0)

摘要:FCKEDITOR在线编辑器 (ASP.NET中的用法)asp.net 下的用法http://<your-site>/FCKeditor/_samples/default.html注意:你可以将FCKEDITOR放置到任何文件夹,默认情况下,将其放入到FCKEDITOR文件夹是最为简单的方法.如果你放入的文件夹使用别的名称,请修改配置文件夹中编辑器BasePath参数,如下所示:oFckeditor.BasePath="/Components/fckeditor/";另外,FCKEDITOR文件夹中所有以下划线开头的文件夹及文件,都是可选的,可以安全的从你的发布 阅读全文

posted @ 2011-07-03 00:54 达奇 阅读(223) 评论(0) 推荐(0)

摘要:Javascript刷新页面的几种方法:1history.go(0)2location.reload()3location=location4location.assign(location)5document.execCommand('Refresh')6window.navigate(location)7location.replace(location)8document.URL=location.href 有兴趣的欢迎讨论各种刷新的区别。 阅读全文

posted @ 2011-04-21 20:37 达奇 阅读(416) 评论(0) 推荐(0)

摘要:前端是庞大的,包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么?1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。2. 从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。总之,恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用。前端优化的途径有很多,按粒度大致可以分为两类,第一类是页面级别的优 化,例如HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等;第二类则是代码级别的优化 阅读全文

posted @ 2011-03-29 14:05 达奇 阅读(240) 评论(0) 推荐(0)

摘要:input.file { position: relative; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2;} Upload File 阅读全文

posted @ 2011-03-18 13:21 达奇 阅读(3339) 评论(2) 推荐(0)

摘要:JavaScript MVC中文:http://blog.youmila.com/?p=423 —from yapollo.li@gmail.com英文:http://www.alistapart.com/articles/javascript-mvc/ —from Jonathan Snookjavascript 已经从一个“小演员”发展成为舞台的中心”人物“。它的足迹已经遍布我们的服务器和发展计划的一览表中,并且正在持续增长中。因此我们必须思考怎样才能提高我们的javascript代码的重用性和更容易维护性呢?或许,MVC能够给我们一些好的提示。MVC对于后端应用程序开发及其开发人员来说是 阅读全文

posted @ 2011-01-21 11:26 达奇 阅读(547) 评论(0) 推荐(0)

摘要:1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table2. <body onselectstart="return false"> 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut=&q 阅读全文

posted @ 2010-12-30 10:04 达奇 阅读(375) 评论(0) 推荐(0)

摘要:function getInfo() { var s = ""; s += " 网页可见区域宽:" + document.body.clientWidth + "\r\n "; s += " 网页可见区域高:" + document.body.clientHeight + "\r\n "; s += " 网页可见区域宽:" + document.body.offsetWidth + " (包括边线和滚动条的宽)" + "\r\n "; 阅读全文

posted @ 2010-12-30 09:34 达奇 阅读(370) 评论(0) 推荐(0)

摘要:function CopyImage(img) { if (img.tagName != 'IMG') return; if (typeof img.contentEditable == 'undefined') return; if (!document.body.createControlRange) return; var ctrl = document.body.createControlRange(); img.contentEditable = true; ctrl.addElement(img); ctrl.execCommand('Cop 阅读全文

posted @ 2010-11-12 11:46 达奇 阅读(1883) 评论(0) 推荐(0)