随笔分类 -  脚本----JavaScript学习

摘要:用css 添加手状样式,鼠标移上去变小手,变小手cursor:pointer;用JS使鼠标变小手onmouseover(鼠标越过的时候)onmouseover="this.style.cursor='hand'"cursor其他取值 auto :标准光标 default :标准箭头 pointer, hand :手形光标 wait :等待光标 text :I形光标 vertical-text :水平I形光标 no-drop :不可拖动光标 not-allowed :无效光标 help :帮助光标 all-scroll :三角方向标 move :移动标 cro 阅读全文
posted @ 2011-08-01 09:05 awp110 阅读(957) 评论(0) 推荐(0)
摘要:在开发中,借助得力的工具可以事半功倍。今天,这篇文章向大家分享最新收集的15款非常有用的 JavaScript 开发工具。TestSwarm: Continious & Distributed JS TestingTestSwarm是Mozilla实验室推出的一个开源项目,它旨在为开发者提供在多个浏览器版本上快速轻松测试自己JavaScript代码的方法。Minimee在网络上,速度是很重要的,Minimee能帮助你将CSS和JavaScript文件进行自动压缩和打包。Doctor JSDoctor JS 是一款帮你分析 JavaScript 代码的工具,测试你的代码在多态、原型、异常 阅读全文
posted @ 2011-07-19 08:44 awp110 阅读(263) 评论(1) 推荐(0)
摘要:这是一篇原创翻译文章。原文地址。我们会经常使用iframes来加载第三方的内容、广告或者插件。使用iframe是因为他可以和主页面并行加载,不会阻塞主页面。当然使用iframe也是有利有弊的:Steve Souders在他的blog里面有阐述:Using Iframes Sparingly:iframe会阻塞主页面的onload事件主页面和iframe共享同一个连接池阻塞主页面的onload是这两个问题中最影响性能的方面。一般都是想让onload时间越早触发越好,一方面是用户体验过更重要的是google给网站的加载速度的打分:用户可以用IE和FF中Google工具栏来计时。那么为了提高页面性能 阅读全文
posted @ 2011-07-19 08:36 awp110 阅读(237) 评论(0) 推荐(0)
摘要:不管你是多么优秀的程序员,你都不可能记住一切。在你编写程序的过程中碰到问题需要查阅手册的时候,若有现成的手册可参考则可以为你节省很多时间。为了方便各位朋友,本文收集了一些对Web开发人员非常有用的手册,记得推荐一下哦。 HTML 速查手册HTML/XTML in one pageHTML5: The Evolution of Web Standards by James Sugrue(X)HTML Elements and AttributesDoctype Declarations (DTDs)XHTML Character Entity ReferenceGoSquared HTML He 阅读全文
posted @ 2011-06-28 08:42 awp110 阅读(216) 评论(0) 推荐(0)
摘要:1、判断 iframe 是否加载完成:view sourceprint?var iframe = document.createElement("iframe"); iframe.src = "http://www.planabc.net/"; if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert("Local iframe is now loaded."); }; } else { iframe.onreadystatechange = functio 阅读全文
posted @ 2011-06-27 21:06 awp110 阅读(239) 评论(0) 推荐(0)
摘要:eval函数的工作原理eval函数会评估一个给定的含有JavaScript代码的字符串,并且试图去执行包含在字符串里的表达式或者一系列的合法的JavaScript语句。eval函数将把最后一个表达式或者语句所包含的值或引用作为返回值。举例说明eval评估JavaScript表达式var bar = 'bar';var foobar = eval('"foo" + bar');alert(foobar);eval评估JavaScript语句var bar = 'bar';// if variable bar equals  阅读全文
posted @ 2011-06-27 21:05 awp110 阅读(473) 评论(1) 推荐(0)
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf 阅读全文
posted @ 2011-05-23 15:03 awp110 阅读(276) 评论(0) 推荐(0)
摘要:流行的 JavaScript 库有jQuery,MooTools,Prototype,Dojo和YUI等,这些 JavaScript 库功能丰富,加上它们众多的插件,几乎能实现任何你需要的功能,然而需要实现一些特定的功能,则可以选择功能更专一的轻量库,今天这篇文章与大家分享16个很有用的 JavaScript 库。Blackbird: Open Source JavaScript Logging UtilityBlackbird 是一款非常酷的 JavaScript 调试工具,带有一个漂亮的界面显示和过滤调试信息。Treesaver.jsTreesaver 是一个用于创建杂志布局的 JavaS 阅读全文
posted @ 2011-05-13 12:58 awp110 阅读(223) 评论(0) 推荐(0)
摘要:脚本使网站更加动态和更具交互性,但是写好一个脚本并不是一件容易的工作,因此一些开发者会到网站下载其他人分享的脚本来使用。今天,本文向大家推荐20佳国外的脚本下载网站。 1- Hot Scripts2- Code Canyon3- User Scripts4- Scripts5- Javafile6- PHP Scripts Download7- Scripts Download8- The Script Library9- Script Copy10- Script Archive11- PHP Resource Index12- Free Flash Scripts13- Site Scri 阅读全文
posted @ 2011-04-27 13:27 awp110 阅读(638) 评论(0) 推荐(0)
摘要:一些javascript题目 var result = [10] + 1; console.log(result)"101"存在运算符"+",意味着将[10]转化为一个值,相当于调用其valueOf()方法,而Array的valueOf相当于其toString"101"存在运算符"+",意味着将[10]转化为一个值,相当于调用其valueOf()方法,而Array的valueOf相当于其toStringvar result = ['a', 'b', 'c'] + &q 阅读全文
posted @ 2011-03-15 09:09 awp110 阅读(176) 评论(0) 推荐(0)
摘要:采用Ajax的项目开发过程中,经常需要将JSON格式的字符串返回到前端,前端解析成JS对象(JSON )。ECMA-262(E3) 中没有将JSON概念写到标准中,但在 ECMA-262(E5) 中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法。1,eval方式解析,恐怕这是最早的解析方式了。view sourceprint?1function strToJson(str){2var json = eval('(' + str + ')');3return json;4}记得str两旁的小括号哦。2,new Function形式, 阅读全文
posted @ 2011-03-13 16:06 awp110 阅读(376) 评论(0) 推荐(0)
摘要:<script type="text/javascript"> Array.prototype.clear = function() { this.length = 0; } Array.prototype.insertAt = function(index, obj) { this.splice(index, 0, obj); } Array.prototype.remove = function(index) { this.splice(index, 1); } var t = [{ 'a': {'c':22}, 'b 阅读全文
posted @ 2011-03-08 14:09 awp110 阅读(796) 评论(0) 推荐(0)
摘要:方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数:js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)。一些示例如下:parseInt("1234blue"); //returns 1234parseInt("0xA"); //returns 10parseInt("22.5"); //returns 22parseInt("blue"); //returns NaNparseInt()方法还有 阅读全文
posted @ 2011-01-19 16:33 awp110 阅读(295) 评论(0) 推荐(0)
摘要:JavaScript 的成功让人津津乐道,为 Web 网页编写 JavaScript 代码已经是所有 Web 设计师的基本功,这门有趣的语言蕴藏着许多不为人熟知的东西,即使多年的 JavaScript 程序员,也未能完全吃透。本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的技巧。简略语句JavaScript 可以使用简略语句快速创建对象和数组,比如下面的代码:可以使用简略语句... 阅读全文
posted @ 2010-04-26 09:30 awp110 阅读(150) 评论(0) 推荐(0)
摘要:http://www.cnblogs.com/kym/archive/2010/01/18/1650333.html 阅读全文
posted @ 2010-01-18 19:52 awp110 阅读(112) 评论(0) 推荐(0)
摘要:IE、Firefox、Chrome 的JS代码兼容注意事项 jangogo @ 2009-6-26 12:03:00 近日,公司的4Fang 四方四方在线软件产品由于用户原来越多并广受好评,公司决定由原来只支持IE,扩展到支持Firefox 和 Chrome,随身版更决定使用Chrome作为客户端,在代码兼容性升级的时候,碰到一些问题,姑且记录下来,供同事和朋友们参考。1. IE 的XMLHTTP... 阅读全文
posted @ 2010-01-10 16:54 awp110 阅读(1198) 评论(1) 推荐(0)
摘要:一、取URL中的参数function getParameterByName(name) { var match = RegExp('[?&]' + name + '=([^&]*)') .exec(window.location.search); return match && decodeURIComponent(match[1].replace(/\+/g, ' '));}二、正则分组var testStr="<div><img src='/a.jpg' alt=&# 阅读全文
posted @ 2009-12-12 10:00 awp110 阅读(385) 评论(0) 推荐(1)
摘要:一.Javascript代码执行效率1. DOM1.1 使用 DocumentFragment 优化多次 append说明:添加多个 dom 元素时,先将元素 append 到 DocumentFragment 中,最后统一将 DocumentFragment 添加到页面。该做法可以减少页面渲染 dom 元素的次数。经 IE 和 Fx 下测试,在 append1000 个元素时,效率能提高 10%-30% , Fx 下提升较为明显。服用前:for(vari=0;i<1000;i++){ varel=document.createElement('p'); el.inner 阅读全文
posted @ 2009-07-27 15:01 awp110 阅读(211) 评论(0) 推荐(1)
摘要:1<noscript></noscript> 当用户浏览器禁用或不支持javascript时 还想在页面显示一些内容可以使用<noscript></noscript>标签对。2http mailto javascript<a href="javascript:alert(new Date())">javascript</a>3javascript区分大小写 html不区分4转义字符 \b退格\t跳格\n回车换行\r换行\""双引号\'单引号\\ \5特殊数据类型undefin 阅读全文
posted @ 2009-07-18 10:01 awp110 阅读(187) 评论(0) 推荐(1)