- 浏览: 99518 次
- 性别:
- 来自: 深圳
-
文章分类
最新评论
-
kakamimika:
貌似不行吧
jquery读取xml文件示例 -
momofiona:
第二版本:http://dl.dropbox.com/u/ ...
popBaseball拖动插件分析
/** * @author zjq common use jslib */ //事件侦听函数 function addLoadListener(fn){ if (typeof window.addEventListener != 'undefined') { window.addEventListener('load', fn, false); } else if (typeof document.addEventListener != 'undefined') { document.addEventListener('load', fn, false); } else if (typeof window.attachEvent != 'undefined') { window.attachEvent('onload', fn); } else { var oldfn = window.onload; if (typeof window.onload != 'function') { window.onload = fn; } else { window.onload = function(){ oldfn(); fn(); }; } } } //添加事件 function attachEventListener(target, eventType, functionRef, capture){ if (typeof target.addEventListener != "undefined") { target.addEventListener(eventType, functionRef, capture); } else if (typeof target.attachEvent != "undefined") { target.attachEvent("on" + eventType, functionRef); } else { eventType = "on" + eventType; if (typeof target[eventType] == "function") { var oldListener = target[eventType]; target[eventType] = function(){ oldListener(); return functionRef(); } } else { target[eventType] = functionRef; } } return true; } //去除事件公用函数 function detachEventListener(target, eventType, functionRef, capture){ if (typeof target.removeEventListener != "undefined") { target.removeEventListener(eventType, functionRef, capture) } else if (typeof target.detachEvent != "undefined") { target.detachEvent("on" + eventType, functionRef); } else { target["on" + eventType] = null; } return true; }; //for 检测滚动条位置 function getScrollPosition(){ var position = [0, 0]; if (typeof window.pageXOffset != "undefined") { position = [window.pageXOffset, window.pageYOffset]; //for ko,safri,firefox早期浏览器,opera; } else { if (typeof document.documentElement.scrollTop != "undefined" && document.documentElement.scrollTop > 0) { //for ie,后期firefox支持; position = [document.documentElement.scrollLeft, document.documentElement.scrollTop]; } else if (typeof document.body.scrollLeft != "undefined") { position = [document.body.scrollLeft, document.body.scrollTop]; } } return position; } //for 检测光标位置 function getCursorPosition(event){ //for ie event if (typeof event == "undefined") { event = window.event; } var scrollPostion = getScrollPosition(); // alert(scrollPostion[0]); // alert(scrollPostion[1]); var aCursorPosition = [0, 0]; if (typeof pageX != "undefined" && typeof event.x != "undefined") //event.x for Mac下的ie有pageX属性,但是它 //返回的值与事实不符,所以要核实一下属性x. { aCursorPosition[0] = event.pageX; aCursorPosition[1] = event.pageY; } else { aCursorPosition[0] = event.clientX + scrollPostion[0]; aCursorPosition[1] = event.clientY + scrollPostion[1]; } //var oResult = document.getElementById("result"); // oResult.innerHTML = "X坐标为:" + aCursorPosition[0] + '\r' + "Y坐标为:" + aCursorPosition[1]; return true; } //for 查看一个元素的属性 function retrieveComputedStyle(element, styleProperty){ var computedStyle = null; if (typeof element.currentStyle != "undefined") { computedStyle = element.currentStyle; } else { computedStyle = document.defaultView.getComputedStyle(element, null); } return computedStyle[styleProperty]; } function getElePosition(theEle){ var xTheEle = 0; var yTheEle = 0; while (theEle != null) { xTheEle += theEle.offsetLeft; yTheEle += theEle.offsetTop; theEle = theEle.offsetParent; } return [xTheEle, yTheEle]; } //for 检测浏览器 function identifyBrowser(){ var agent = navigator.userAgent.toLowerCase(); if (typeof navigator.vendor != "undefined" && navigator.vendor == "KDE" && typeof window.sidebar != "undefined") { return "kde"; } else if (typeof window.opera != "undefined") { var version = parseFloat(agent.replace(/.*opera[\/ ]([^ $]+).*/, "$1")); if (version >= 7) { return "opera7"; } else if (version >= 5) { return "opera5"; } return false; } else if (typeof document.all != "undefined") { if (typeof document.getElementById != "undefined") { var browser = agent.replace(/.*ms(ie[\/ ][^ $]+).*/, "$1").replace(/ /, ""); if (typeof document.uniqueID != "undefined") { if (browser.indexOf("5.5") != -1) { return browser.replace(/(.*5\.5).*/, "$1"); } else { return browser.replace(/(.*)\..*/, "$1"); } } else { return "ie5mac"; } } return false; } else if (typeof document.getElementById != "undefined") { if (navigator.vendor.indexOf("Apple Computer, Inc.") != -1) { if (typeof window.XMLHttpRequest != "undefined") { return "safari1.2"; } return "safari1"; } else if (agent.indexOf("gecko") != -1) { return "mozilla"; } } return false; }; //for 检测操作系统 function identifyOS(){ var agent = navigator.userAgent.toLowerCase(); if (agent.indexOf("win") != -1) { return "win"; } else if (agent.indexOf("mac")) { return "mac"; } else { return "unix"; } return false; }; //for 检测event事件所指定的对象 function getEventTarget(event){ var targetElement = null; if (typeof event.target != "undefined") { targetElement = event.target; } else { targetElement = event.srcElement; } while (targetElement.nodeType == 3 && targetElement.parentNode != null) { targetElement = targetElement.parentNode; } return targetElement; }; function addEventHandler(oTarget, sEventType, fnHandler){ if (oTarget.addEventListener) { oTarget.addEventListener(sEventType, fnHandler, false); } else if (oTarget.attachEvent) { oTarget.attachEvent("on" + sEventType, fnHandler); } else { oTarget["on" + sEventType] = fnHandler; } }; function removeEventHandler(oTarget, sEventType, fnHandler){ if (oTarget.removeEventListener) { oTarget.removeEventListener(sEventType, fnHandler, false); } else if (oTarget.detachEvent) { oTarget.detachEvent("on" + sEventType, fnHandler); } else { oTarget["on" + sEventType] = null; } }; //返回一个对象 var $ = function(id){ return "string" == typeof id ? document.getElementById(id) : id; }; //阻止默认动作事件 function stopDefaultAction(event){ event.returnValue = false; if (typeof event.preventDefault != "undefined") { event.preventDefault(); } return true; }; //根据event返回获到到的一个对象 function getEventTarget(event){ var targetElement = null; if (typeof event.target != "undefined") { targetElement = event.target; } else { targetElement = event.srcElement; } while (targetElement.nodeType == 3 && targetElement.parentNode != null) { targetElement = targetElement.parentNode; } return targetElement; }; //返回一个对象的位置 function getPosition(theElement){ var positionX = 0; var positionY = 0; while (theElement != null) { positionX += theElement.offsetLeft; positionY += theElement.offsetTop; theElement = theElement.offsetParent; } return [positionX, positionY]; };
自己整理的公用库。持续更新
发表评论
-
js继承研究
2010-03-05 00:21 807<!DOCTYPE html PUBLIC &quo ... -
autoclick: 鼠标在链接上停留2秒后自动打开该链接 (uc.js脚本)
2009-08-25 11:11 2075var AutoClick = { Timeou ... -
脚本化HTTP
2009-08-24 11:42 11921.html,xml及json的响应 text/xml--- ... -
数组元素的操作
2009-08-21 11:46 1024还有一种常用的 var a ... -
控制 Flash Player 的 JavaScript 方法一览表【收集纠正】
2009-08-14 11:04 3039控制 Flash Player 的 JavaScr ... -
location.hash实现跨域iframe自适应
2009-08-05 14:11 1363页面域关系: 主页面a.html所属域A:www.taoba ... -
jquery读取xml文件示例
2009-06-24 22:50 6752<?xml version="1.0&qu ... -
在jQuery中利用AJAX加载XML数据并解析
2009-06-24 16:42 11901,Content-Type很多时候无法解析就是Content ... -
ajax学习的好地方
2009-06-24 12:06 949http://www.ajaxa.cn/ http://ww ... -
ADS公用库
2009-05-26 12:20 1310/** * ADS Library from Advanc ... -
ie and firefox js差异点
2009-05-04 16:38 1221尽管 JavaScript 历史上使用冗长而令人生厌的代码块来 ... -
ajax loading 图标在线制作及收藏
2009-04-22 11:57 1368ajax loading 图标在线制作及收藏 h ... -
一个比较新鲜的判断浏览器的方法
2009-03-25 00:50 879long long ago,在子鼠的博客上看见过一段用Ja ... -
一些图片在js应用的资料
2009-03-24 23:17 726//预装载一个图片; ... -
创建元素节点和文本节点的基础语法
2009-03-16 23:31 909<script type="text/ja ... -
IE DOM的一致性
2009-03-11 19:49 962if(n.nodeType)==1 //NodeType ... -
第8章:检测浏览器和操作系统
2009-03-10 22:12 16913navigator对象 8.2浏览器的检测方式 1.对象/ ... -
javascript高级编程第9章笔记(事件)
2009-03-04 21:29 1231[size=large][/size]定位 //for ie ...
相关推荐
如何设计一套JavaScript课程体系+编程知识+技术开发; 如何设计一套JavaScript课程体系+编程知识+技术开发; 如何设计一套JavaScript课程体系+编程知识+技术开发; 如何设计一套JavaScript课程体系+编程知识+技术...
实现javascript操作Excel进行报表输出的javabean接口类,通过调用bean的方法快速生成客户端的javascript来操作Excel,实现读取Excel模板,添加记录,打印设置,打印预览,自动保存文件等功能,本人多年的web开发经验...
js获取汉字字符串的首字母必须先从库里面进行比较。这就是可能用到的库。
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。Vue.js是...
本示例源码是关于如何使用C++调用JavaScript开发库,并结合MFC(Microsoft Foundation Classes)框架进行编程的实例。MFC是微软提供的一个C++库,用于简化Windows应用程序的开发。 首先,我们来看C++调用JavaScript...
JavaScript开发WebGIS库源码是针对地理信息系统(GIS)在Web环境中的应用而设计的一套基础框架。这个库主要用于创建和操作地图,提供了一个简洁的结构,没有过于复杂的继承关系,便于理解和学习。其核心是mapTool.js...
2. **GLGE (GL Graphics Engine)**:GLGE是一个轻量级的WebGL库,专注于提供一套完整的工具来创建高质量的3D图形。它包含了加载3D模型(如Collada或Wavefront OBJ格式)、材质系统、光照、粒子系统以及动画功能。...
在这个标题中,“FPO”指的是一个JavaScript函数式编程库,它专为JavaScript开发者设计,旨在提供一套功能强大的工具,以实现函数式编程的理念和实践。函数式编程是一种编程范式,强调通过避免可变状态和副作用来...
本源码提供了一个基于Javascript和TypeScript的简易UI组件库的设计。项目包含15439个文件,其中包括9232个JavaScript文件、1429个Markdown文档、1406个JSON文件、812个TypeScript文件、424个Map文件、148个YAML文件...
在IT行业中,前端开发是构建Web应用程序不可或缺的一部分,而“一个小型的前端界面库”恰好是专注于这个领域的工具。这个库可能包含了一系列组件和函数,旨在简化开发者的工作,提高效率,同时保持轻量级,以确保...
同时,由于UI库是开源的,开发者也可以参与到其中,为库的改进和扩展贡献自己的力量。 总之,"针对微信小程序整合的一套UI库"是开发者的重要助手,它提供了丰富的组件和样式,帮助快速构建专业级别的微信小程序应用...
本项目“基于Vue和JavaScript的uniapp-公用组件设计源码”就是这样一个集合,它汇集了34个文件,其中包括28个Vue文件和2个JavaScript文件。其他文件则是一些标准的项目配置文件,如.gitignore用于配置Git忽略规则、...
Raphaël.js 是一个小型的 JavaScript 库,用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。 Raphaël.js 使用SVG W3C推荐标准和VML作为创建图形的基础。
这一套javascript教程分九个章节从什么是javascript、javascript的简单应用一直介绍到如何用javascript实现复杂的交互,对于javascript初学者和进阶者来说,都是一部不可多得的优秀教程。 一、 javascript语言概况 ...
Cloudgamer JavaScript Library v0.1 库的发布,意味着开发者可以获得一套预封装的解决方案,减少重复工作,提高开发速度,同时也能通过库中的最佳实践来改善游戏性能。 该库的标签"css3"表明它可能整合了CSS3的...
Layui 是一套开源免费的 Web UI 组件库,采用自身轻量级模块化规范,遵循原生态的 HTML/CSS/JavaScript 开发模式,极易上手,拿来即用。其风格简约轻盈,而内在雅致丰盈,甚至包括文档在内的每一处细节都经过精心...
JavaScript是Web开发中不可或缺的一部分,尤其在前端领域,它的库和框架极大丰富了我们的开发工具箱。本资源集合提供了一个有趣的、按名称首字母排序的JavaScript库和框架列表,覆盖了从A到Z的各种选择。这不仅方便...
jsfft, 小型高效的Javascript FFT实现 jsfft用于 node 或者浏览器的小型。高效的Javascript实现。用法JSFFT附带的可以运行于以下位置:const fft = require('jsfft');// Use the in-place ma
lunar-javascript项目通过提供一套完善的农历和公历转换算法,大大提升了开发者处理与日历相关功能时的效率与准确性。它不仅在Web开发中有着广泛的应用,而且在需要处理日期计算的各种应用程序中都有着不可忽视的...
首先,"awesome-opensource_main.zip"可能是一个包含“Awesome Open Source”项目的列表,这是一个非常受欢迎的GitHub仓库,其中整理了各种优秀开源项目,涵盖了JavaScript在内的多个编程语言。在这个列表中,你可以...