javascript
文章平均质量分 58
sfSam
这个作者很懒,什么都没留下…
展开
-
javascript跨浏览器事件处理程序
var EventUtil = { addHandler : function(element, type , handler){ if (element.addEventListener){ element.addEventListener(type...2012-06-28 18:19:10 · 104 阅读 · 0 评论 -
在线运行javascript代码!
url:http://runjs.cn/2013-03-05 11:20:07 · 314 阅读 · 0 评论 -
three.js javascript 3d 超级引擎 !
apiurl:http://mrdoob.github.com/three.js/docs/56/ 博客一: 【three.js详解之一】入门篇 开场白webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架,由于其易用性被广泛应用。如果你要学习webGL,抛弃那些复杂的原生接口从这款框架入手是一个不错的选...2013-03-05 12:39:32 · 501 阅读 · 0 评论 -
项目中写的一些比较常用的javascript通用函数
美化下拉框var childCreate = false;function Offset(e) { //取标签的绝对位置 var t = e.offsetTop; var l = e.offsetLeft; var w = e.offsetWidth; var h = e.offsetHeight - 2; while ( e = e.offsetParent) ...2013-03-06 15:03:12 · 177 阅读 · 0 评论 -
百度 pop js
百度弹出框javascript原创 2012-07-18 13:03:59 · 148 阅读 · 0 评论 -
javascript console 对象 学习
console 对象不是js库中的函数,而是浏览器函数 如果你使用firefox并且装有firebug插件,当使用console.log(……)时,会把括号内的字符串输出到控制台,当然,在IE中这个是没有的,要报错。相同的还有console.info(……),console.debug(……),区别是有些能通过控制台的输出点进去对应的语句console.log(object[, obj...原创 2012-03-16 17:32:39 · 80 阅读 · 0 评论 -
javascript html5 flash 网页播放器学习
[color=blue][size=large][b]navigator.plugins["Shockwave Flash"].description[/b][/size][/color]//检查浏览器flash版本原创 2012-03-19 16:06:10 · 99 阅读 · 0 评论 -
如何用JavaScript判断客户端浏览器是否安装了Flash插件,及其版本?
**************************************************************************原创 2012-03-19 16:55:34 · 101 阅读 · 0 评论 -
使页面flash对象的层级低于div层级的代码
只要加上参数:<param name="wmode" value="opaque" />即可!2013-03-08 14:15:12 · 132 阅读 · 0 评论 -
javascript bug --------- 如果页面input有name属性的话则className取不到input 的classname...
例如:<input type = "text" name="username" class = "user"/> 则document.getElementsByTagName("input")[0].className 为undefined;2012-07-20 16:13:31 · 156 阅读 · 0 评论 -
javascript严谨模式提升开发效率和质量
JavaScript严谨模式(Strict Mode)提升开发效率和质量(转载) 随着WebApp突飞猛进的发展,Javascript写的WebApp规模越来月庞大,比如典型的代表产品腾讯WebQQ、HTML5游戏等等,Javascript越来越需要大量的开发人员多多人协作开发。同时HTML5、CSS3等新技术和NodeJs项目的高速发展,这几年JavaScript语言借...2013-03-11 11:35:22 · 108 阅读 · 0 评论 -
iframe 取父窗口
[size=large][color=blue][b]this.parent[/b][/color][/size]原创 2012-03-21 17:48:52 · 82 阅读 · 0 评论 -
javascript 自定义eval函数实现
待写待写!原创 2012-03-22 23:00:26 · 493 阅读 · 0 评论 -
javascript JSONP 跨域请求
//JSONP调用 function JSONP(params){ try { var url = params; var oldScript = document.getElementById(params); ...原创 2012-03-22 23:03:32 · 95 阅读 · 0 评论 -
javascript 自定义 id class 选择器实现 支持链式操作
(function() { return window.Query = window.$ = function() { var _this = {}, selector = arguments[0]; $.prototype = _this; /** * 判断是对象是数组还是名值对象 * 返回0表示是数组,返回1表示是名值对象 */ functi...2012-03-23 14:27:41 · 160 阅读 · 0 评论 -
自定义 javascript 通用函数 学习用
var reg = { "html" : /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/ //匹配html代码};var allFinded = [];/** * @author wsf * 检测浏览器版本 */var browser = { "explorer": { ...2012-03-23 14:44:15 · 108 阅读 · 0 评论 -
javascript 浏览器检测 -- 涵盖主流浏览器
/** * @author wsf * 检测浏览器版本 */var browser = { "explorer": { "ie": /msie ([\d.]+).*\.net clr (\d\.){1,2}\d+\)$/, "firefox": /firefox\/([\d.]+)/, "chrome": ...原创 2012-03-23 14:47:50 · 88 阅读 · 0 评论 -
JavaScript中两个感叹号(!!)的作用
看这么个例子: var a; var b=!!a; a默认是undefined。!a是true,!!a则是false,所以b的值是false,而不再是undefined,也非其它值,主要是为后续判断提供便利。 !!一般用来将后面的表达式强制转换为布尔类型的数据(boolean),也就是只能是true或者false; 因为javascript是弱类型的语言(变量没有固定的数据类...2013-03-18 14:39:36 · 259 阅读 · 0 评论 -
javascript XPath 超强检索页面节点的函数
该函数document.evaluate函数暂且不支持所有浏览器!IE不支持使用 Greasemonkey 时会遇到的功能最为强大的一个工具就是 evaluate 函数。通过使用XPath这种查询语言,它可以用来寻找页面中的元素,属性和文本。举个例子来说,如果您想获得某个页面上的全部链接。您也许会想到使用document.getElementsByTagName('a');但是如...2013-03-18 14:59:39 · 256 阅读 · 1 评论 -
javascript 选择器querySelector
javascript函数querySelector介绍 querySelector用于获得dom节点,可以接受三种类型的参数:id(#),class(.),标签。很像jquery的选择器。不过只能返回一个子孙元素,但是jquery选择器的话,可以返回一组元素集合。下面的代码示例:<body> <div id="query">i...2013-03-18 15:03:02 · 348 阅读 · 0 评论 -
javascript 继承机制
javascript Object.extend的用法Object.extend = function(destination, source) {for (var property in source) { destination[property] = source[property];}return destination;}Prototype 对Obje...2013-03-18 21:55:26 · 72 阅读 · 0 评论 -
javascript 中 undefine于void 0区别
今天看prototype源码时发现有一段代码很奇怪 switch(o) { case null: return NULL_TYPE; case (void 0): return UNDEFINED_TYPE; } 为什么第二个case的值是(void 0)? 从这段代码可以看出,它是对null和undefined进行判断。 ...2013-03-19 19:00:33 · 239 阅读 · 0 评论 -
ECMAScript 5与HTML5 的支持情况
ECMAScript 5与HTML5离我们越来越近了,触摸屏相关的API开发中,未来的web世界更加多姿多彩。Object.getPrototypeOf支持浏览器:firefox3.6 chrome4http://codereview.chromium.org/518056Object.getOwnPropertyDescriptor支持浏览器:IE8 chrome4ht...2013-03-19 21:16:19 · 256 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()
parse用于从一个字符串中解析出json对象,如 var str = '{"name":"huangxiaojian","age":"23"}' 结果: JSON.parse(str) Object age: "23"name: "huangxiaojian"__proto__: Object 注意:单引2013-03-19 21:19:36 · 64 阅读 · 0 评论 -
JSON.stringify 方法详解
作用:这个函数的作用主要是为了系列化对象的。 可能有些人对系列化这个词过敏,我的理解很简单。就是说把原来是对象的类型转换成字符串类型(或者更确切的说是json类型的)。就这么简单。打个比方说,你有一个类,那么你可以通过这个方法转换成相应的json类型的。很简单吧。 接着看。 语法: JSON.stringify(value [, replacer] [, spac...2013-03-19 21:22:47 · 301 阅读 · 0 评论 -
HTML nodeType 的值以及常用nodeType
定义和用法nodeType 属性返回节点的类型。[1]语法attrObject.nodeType[1]nodeType取值Node.ELEMENT_NODE (1)Node.ATTRIBUTE_NODE (2)Node.TEXT_NODE (3)Node.CDATA_SECTION_NODE (4)Node.ENTITY_REFERENCE_NODE(5)...2013-03-19 21:34:22 · 321 阅读 · 0 评论 -
javascript类库Prototype.js源码分析之一:继承机制
主要方法:超级强大的方法(虽然简单) function extend(destination, source) { for (var property in source) destination[property] = source[property]; return destination; }源码中使用: extend(Ob...原创 2013-03-20 20:49:09 · 112 阅读 · 0 评论 -
基于Javascript驱动的命令行webkit引擎-PhantomJS
PhantomJS是一个命令行工具,我们可以把它看作是无界面的webkit浏览器。 与界面版相比,它速度相当快,且原生支持多种web标准,如DOM,CSS选择符,JSON,Canvas以及SVG。 PhantomJS提供了Javascript接口,可以用于实现以下解决方案: web应用的自动化测试 site scraping 页面截图 PDF转换 以及更多功能2011-04-05 15:...原创 2013-03-20 20:49:40 · 152 阅读 · 0 评论 -
javascript apply方法详解
我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高.. 主要我是要解决一下几个问题: 1. apply和call的区别在哪里 ...2013-03-20 20:50:41 · 207 阅读 · 0 评论 -
Prototype源码浅析
URL:http://www.cnblogs.com/xesam/category/348809.html(超强)2013-03-20 20:51:51 · 89 阅读 · 0 评论 -
javascript前台优化优化之documentFragment对象
documentFragment对象:无父窗口的文档对象(或者叫文档碎片)作用:javascript在操作DOM时都会重新加载整个文档的DOM为了减少DOM操作可以在操作DOM(为其添加或删除属性时)可以将DOM放入documentFragment中,最后一次性操作文档碎片说白了documentFragment就是缓冲区:buffervar oui=document.getel...原创 2012-03-24 14:34:51 · 120 阅读 · 0 评论 -
javascript 分页实现 分页样式可自定义
/*** 创建实例的的方法* @param {Object} Class* @param {Object} params*/var newObj = function (Class,params){ function _new (){ if(Class._new){ Class._new.call(this,params);//改变this指向 } ...原创 2012-03-24 14:35:12 · 188 阅读 · 0 评论 -
JavaScript 判断字符串是否含有中文 (实用)
UTF-8有点类似于Haffman编码,它将Unicode编码为:0x00-0x7F的字符,用单个字节来表示;0x80-0x7FF的字符用两个字节表示;0x800-0xFFFF的字符用3字节表示;汉字的unicode范围是:0x4E00~0x9FA5其实这个范围还包括了中,日,韩的字符方法1<script language="javascript"> functi...原创 2012-03-28 01:36:18 · 206 阅读 · 0 评论 -
event对象在IE和firefox详解
IE中事件对象是作为全局对象( window.event )存在的,Firefox中则是做为句柄( handler )的第一个参数传入内的。所以一行代码就可以搞定-收缩JavaScript代码var evt = window.event || arguments[0]; 下面分四种添加事件的方式讨论,你也许会看到以前没有看到过的获取方式。 1,第一种添加事件的...原创 2013-03-22 20:11:30 · 205 阅读 · 1 评论 -
Objective-J 面向对象javascript
牛啊,没办法!2013-03-23 22:52:43 · 122 阅读 · 0 评论 -
你必须知道的28个HTML5特征、窍门和技术
//zxx:以下为翻译全文,本着语言生动和本土化之原则,内容有编辑注意:每周有那么几次,此列表会更新一些新的窍门,最终,本文会成为超级有用的资源。//zxx:丑话说在前头,我可没功夫更新,所以,即使到您女儿出嫁那天,本文还是28项内容前端的发展如此之迅猛,一不留神,大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话,可以把本文的内容作为必须了解的热身课...原创 2013-03-26 22:47:14 · 147 阅读 · 0 评论 -
javascript Xpath学习笔记-----document.evaluat();
XML实例文档我们将在下面的例子中使用这个 XML 文档:"books.xml" :<?xml version="1.0" encoding="ISO-8859-1"?><bookstore><book category="COOKING"> <title lang="en"原创 2012-03-29 00:13:34 · 150 阅读 · 0 评论 -
javascript 选择器之 querySelector,querySelectorAll 学习
CSS选择器的方便强大之处想必经常使用的人都有了解。 javascript原始库中提供选取DOM节点的方法少之又少,W3C组织也注意到了这里的不足所以 querySelector,querySelectorAll 接口便应运而生 querySelector,querySelectorAll 方法让你以一个CSS选择器(这就是重点)作为参数去选取DOM元素。 这两个方法之间的...原创 2012-03-29 00:13:43 · 176 阅读 · 0 评论 -
ajax post 提交传值
要加入httpRequest.setRequestHeader("CONTENT-TYPE", "application/x-www-form-urlencoded");这句话2012-07-23 10:10:20 · 152 阅读 · 0 评论 -
ajax get 提交乱码原因及解决方法
前台encodeURI(s);后台URLDecoder.decode(s)原创 2012-07-23 10:25:47 · 123 阅读 · 0 评论