![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
ayue225
这个作者很懒,什么都没留下…
展开
-
JS 列表筛选、排序
[code="java"]排序body{font-size:12px;margin:0;padding:0;}.clearfix{zoom:0;}.clearfix:after{content:'.';display:block;visibility:hidden;clear:both;height:0px;}#mysort{width:80%;float:le...2009-11-12 17:56:31 · 280 阅读 · 0 评论 -
初涉YUI3
study.html[code="java"] 初涉YUI3 #yuidemo {float:left;background:#00CCFF; border:1px dotted #000; padding:1em; width:40%;height:300px;} #yuidemo1 {float:left;background:#00FFCC...2009-12-11 13:44:27 · 107 阅读 · 0 评论 -
话说browser的脚本并行下载
在讨论这次的主题之前,我们现在看一下脚本优化的另一个问题,就是“优化难度”。在这里我所说的“优化难度”是指优化一张页面时的修改难度。例如在前一片文章中,使用document.write来引入脚本的话,其“优化难度”会非常的低——没有任何副作用,不用修改其它任何代码。不过它的效果似乎还不太理想,因为仅仅优化了IE下的体验,在FireFox里却没有任何作用。 很可惜,我回想了几乎所有...原创 2009-12-12 13:32:20 · 127 阅读 · 0 评论 -
JS将数字转换成三位逗号分隔的样式
[code="java"]function formatNumber(num){ if(!/^(\+|-)?(\d+)(\.\d+)?$/.test(num)){return num;} var a = RegExp.$1, b = RegExp.$2, c = RegExp.$3; var re = ...原创 2010-08-02 16:33:04 · 138 阅读 · 0 评论 -
JS iframe跨域自适应内容高度
[code="java"] Cross-Domain iframe Resizing var FrameManager = { currentFrameId : '', currentFrameHeight : 0, lastFrameId : '', lastFrameHeight : 0,...2010-02-24 11:05:50 · 167 阅读 · 0 评论 -
YUI 3.0应用初探
很惭愧。。。YUI3出来这么久了,一直都没有机会正式使用。。这2天没事,终于静下心来细细体验了下他的彪悍之处。实例中的一些code引用的taobao赤拔的成果,请赤拔大神表追究俺滴版权~ >_<[code="java"]YUI 3.0 应用初探.yui-overlay-content {border:10px solid;border-color:rgba(12...原创 2010-06-04 22:42:57 · 214 阅读 · 0 评论 -
YUI3 事件
YUI3:事件YUI的事件功能为响应DOM事件提供一个简单的接口,让在浏览器中创建事件驱动的应用更容易了。YUI的事件功能包包含自定义事件对象(Custom Event object),自定义事件让你可以在代码中发布(publish)某一个瞬间或某一个事件,以便页面上其他的组件能订阅(subscribe)这些事件然后响应这些事件。YUI的事件功能包有以下功能: DOM...原创 2011-04-23 20:02:30 · 191 阅读 · 0 评论 -
使用javascript动态创建SVG对象的问题
如何在html中操作SVG对象的问题,对于嵌入式的可以通过document.getElementById('svgId'). getSVGDocument();的方法得到SVG Doc对象,但此方法存在两个问题:一是opera不支持getSVGDocument方法,二是对于动态创建的embed对象并不会马上被呈现,从而无法立刻得到SVGDocument对象,下面的方法会出错 va...原创 2011-04-24 01:04:43 · 483 阅读 · 0 评论 -
判断 iframe 是否加载完成的完美方法
[code="java"]var iframe = document.createElement("iframe"); iframe.src = "http://www.planabc.net"; if (iframe.attachEvent){ iframe.attachEvent("onload", function(){ ale...原创 2010-10-21 21:52:26 · 310 阅读 · 0 评论 -
JavaScript 获取事件对象的一个注意点
平时我们获取事件对象一般写法如下:[code="java"]function getEvent(event) { return event || window.event // IE:window.event}[/code]如果没有参数,也可写成(非IE :事件对象会自动传递给对应的事件处理函数,且为第一个参数):[code="java"]function ge...原创 2010-10-21 22:00:01 · 90 阅读 · 0 评论 -
如何判断脚本加载完成
在“按需加载”的需求中,我们经常会判断当脚本加载完成时,返回一个回调函数,那如何去判断脚本的加载完成呢?我们可以对加载的 JS 对象使用 onload 来判断(js.onload),此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持,但 IE6、IE7 却不支持。曲线救国 —— IE6、IE7 我们可以使用 js.onreadysta...原创 2010-10-21 22:04:22 · 115 阅读 · 0 评论 -
如何在事件代理中正确使用 focus 和 blur 事件
什么是事件代理(Event Delegation)?如果不太了解的朋友,可详细阅读:《Event delegation in JavaScript》,这里不再累述。首先让我们一起来回顾一些常识:通常支持事件冒泡(Event Bubbling)的事件类型为鼠标事件和键盘事件,例如:mouseover, mouseout, click, keydown, keypress。 ...原创 2010-10-21 22:09:20 · 191 阅读 · 0 评论 -
JS正则表达式详解
JS的正则表达式//校验是否全由数字组成 代码var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false //校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 代码function isRegisterUserName(s) var patrn=/^[a-zA-Z...原创 2010-10-28 10:12:31 · 98 阅读 · 0 评论 -
基於YUI2.8的 JS版多文件上传
select files:[img]http://dl.iteye.com/upload/attachment/178876/88851306-2842-3556-95c6-dff1c9166adf.jpg[/img]uploading:[img]http://dl.iteye.com/upload/attachment/178878/5825c096-0035-3b07-910d...2009-12-11 12:41:16 · 128 阅读 · 0 评论 -
自定义滚动条
[code="java"]* { margin:0; padding:0; }body { margin:20px 0 400px 20px; font:12px Arial; }h1 { font-size:14px; }ol,ul { margin:20px; line-height:160%; }ul li { color:#f00; }.a1 {...原创 2009-11-12 19:42:50 · 187 阅读 · 0 评论 -
javascript 整合的获取ID,className,tagName的方法
[code="java"]var get=function(className, tag ,root) { if(arguments.length==1){ root = (arguments[0]) ? (typeof arguments[0]=="string")?document.getElementById(arguments[0]):argument...2009-11-12 19:40:14 · 256 阅读 · 0 评论 -
仿开心网好友选择模块
功能效果图如下: PS:2009.11.19 新增鍵盤上、下、回車、退格按鍵的事件 新增對已選擇好友的重複過濾和好友面板的預選擇 對之前的一些小BUG進行了修復 2009.12.4 修復了一...2009-11-12 18:01:16 · 105 阅读 · 0 评论 -
JS 模拟上传进度条
[code="java"]JS模擬上傳進度條var bind = function(obj,func){ return function(){ func.apply(obj,arguments); };};var uploadBAR=function(container){ container=(!document.getEleme...2009-11-12 18:06:50 · 124 阅读 · 0 评论 -
优化JavaScript脚本的性能
作者:ShiningRay @ Nirvana Studio随着网络的发展,网速和机器速度的提高,越来越多的网站用到了丰富客户端技术。而现在Ajax则是最为流行的一种方式。JavaScript是一种解释型语言,所以能无法达到和C/Java之类的水平,限制了它能在客户端所做的事情,为了能改进他的性能,我想基于我以前给JavaScript做过的很多测试来谈谈自己的经验,希望能帮助大家改进自己的Ja...原创 2009-11-12 18:45:16 · 92 阅读 · 0 评论 -
JS 中给方法绑定context
JS开发中,经常会遇到在执行一个函数时,需要设定该函数的context。比如,在使用window.setInterval(func, 1000)时,很多时候需要提供func函数的执行环境,这里是一个解决方案的例子,如下:[code="java"]var bind = function(obj, func){ return function(){ ...原创 2009-11-12 18:48:19 · 175 阅读 · 0 评论 -
JavaScript闭包的定义
1、JavaScript函数是被执行的代码和执行它们的作用域的组合。这个代码和作用域的组合在计算机科学著作中被称作:闭包(closure).所有的JavaScript函数都是闭包。然而,这些闭包只在这样使用时才有趣:当一个嵌套的函数被输出到它被定义的作用域之外。只有嵌套函数被如此使用时。才被明确的称为闭包。2、“官方”的解释是:所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表...原创 2009-11-12 18:49:22 · 93 阅读 · 0 评论 -
让code在页面上也有行号,高亮显示
使用範例:十分感謝Syntax Height Lighter的作者,讓我們可以非常輕鬆且漂亮的show出代碼。兩個必要的文件 :JS文件: js/dpSyntaxHighlighter.jsCSS文件:css/dpSyntaxHighlighter.css使用方法和显示效果如图: [img]http://www.ding18.com/blog/attachments/d...原创 2009-11-12 18:54:52 · 408 阅读 · 0 评论 -
IE&& FF下使用js创建无边框iframe
[code="java"]var oIframe = null; if(navigator.userAgent.indexOf('MSIE') === -1){ // 非IE浏览器 oIframe = document.createElement('iframe'); oIframe.frameborder = '0'; ...2009-11-12 18:59:33 · 117 阅读 · 0 评论 -
如何避免Javascript事件绑定出现内存泄漏
[b]Javascript绑定事件时,只要DOM的事件里访问不了DOM自己的那个变量就行了[/b][code="java"]var e=document.getElementById("XX"); e.onclick=function(){}; // 事件绑定方法 2 var fooA = function(){ var f = funct...原创 2009-11-12 19:02:26 · 319 阅读 · 0 评论 -
Js 数组排序【支持对象】
[code="java"]//兼容 IE&FF&Safarivar format=(arr,type,keys){ switch (type){ case 0:return arr.sort(function(a,b){a=(keys)?(a[keys])?a[keys]:a:a;b=(keys)?(b[keys])?b[keys]:b:b; return a>b?-1:...2009-11-12 19:30:59 · 90 阅读 · 0 评论 -
基于yui3如何写模块(一)
如今的前端开发越来越oo,也越来越注重重用,娴熟的用js写出oo的前端代码已然是一个前端工程师的基本素质之一。从js语言的角度来看,模块是一个单体,单体有三类,简单对象单体,函数单体,原型单体,简单单体是最简单的一种写法,仅仅用一个大的对象将内聚的变量和方法包住,但由于没有封装,因此这种单体并不安全,而且一个单体在一个运行时只能有一个。函数单体是oo的一种基本型,他包含了封装和构造,是否用构造则取...原创 2009-11-12 19:33:39 · 160 阅读 · 0 评论 -
判断指定对象是否存在于另一个对象的原型链中
prototype 下的 isPrototypeOf() 方法, 它主要用来判断指定对象是否存在于另一个对象的原型链中. 语法如下:[code="java"]object1.prototype.isPrototypeOf(0bject2);[/code]上面的格式是用来判断 Object2 是否出现 Object1 的原型链中. 示例如下:[code="java"]func...原创 2009-11-12 19:35:45 · 257 阅读 · 0 评论 -
javascript 中绑定事件监听的函数【支持数组对象绑定】
[code="java"]var addEventHandler=function(obj, type, func) { if(!obj){return;} var doOn=function(o){ if(o.addEventListener){o.addEventListener(type, func, false);} else if(o.attachEvent)...2009-11-12 19:38:12 · 109 阅读 · 0 评论 -
直接运行html的代码
[code="java"]function runCode(pTargetId){var newWin=window.open('',"_blank",'');newWin.document.open('text/html','replace');newWin.opener=null;var testCode=document.getElementById(pTargetId).v...原创 2010-12-07 17:19:42 · 292 阅读 · 0 评论