加载音频模块失败,我的模块加载系统 v10

模块加载系统是我框架的核心模块的一部分,与domReady彻底地整合在一起。当然核心模块还提供了其他常用方法,如数组化,类型判定,简单的事件绑定...本版本有以下改进:
  • dom.mix可以处理多个对象的糅合了
  • dom.type在chrome可以更快地检测chrome
  • 添加unbind,与bind组成一组对应方法
  • 修正appendScript的一个错误,是dom["@debug"],而不是dom["debug"]。
通过测试的浏览器:IE6-9 FF3.6.12 FF5.1 opera11.50 safari 5 chrome14.0.8
//========================================= // 模块加载模块(核心模块)2011.9.24 by 司徒正美 //========================================= (function(global,DOC){ var _dom = global.dom, w3c = DOC.dispatchEvent, //w3c事件模型 namespace = DOC.URL.replace(/(\W|(#.+))/g,''), HEAD = DOC.head || DOC.getElementsByTagName("head")[0], class2type = { "[object HTMLDocument]" : "Document", "[object HTMLCollection]" : "NodeList", "[object StaticNodeList]" : "NodeList", "[object IXMLDOMNodeList]": "NodeList", "[object DOMWindow]" : "Window" , "[object global]" : "Window" , "null" : "Null" , "NaN" : "NaN" , "undefined" : "Undefined" }, toString = class2type.toString; /** * 糅杂,为一个对象添加更多成员 * @param {Object} target 目标对象 * @param {Object} source 属性包 * @return {Object} 目标对象 */ function mix(target, source){ var args = [].slice.call(arguments),key, ride = typeof args[args.length - 1] == "boolean" ? args.pop() : true; for(var i = 1;source = args[i++];){ for (key in source) { if (ride || !(key in target)) { target[key] = source[key]; } } } return target; } /** * @class dom * dom Framework拥有两个命名空间, * 第一个是DOC.URL.replace(/(\W|(#.+))/g,''),根据页面的地址动态生成 * 第二个是dom,我们可以使用别名机制重写它 * @namespace dom */ var dom = function(expr,context){ if(dom.type(expr,"Function")){ //注意在safari下,typeof nodeList的类型为function,因此必须使用dom.type dom.ready(expr, true); }else{ if(!dom.fn) throw "must load the 'node' module!" return new dom.fn.init(expr,context); } } mix(dom,{ uuid:1, HTML:DOC.documentElement, HEAD:HEAD, rword:/[^, ]+/g, rreadystate: /loaded|complete|undefine/i, "@name":"dom", "@debug":true, "@emitter": w3c ? "addEventListener" : "attachEvent", /** * 别名机制(相当于jquery的noConflict) * @param {String} name 新的命名空间 */ exports: function(name) { _dom && (global.dom = _dom); name = name || dom["@name"]; dom["@name"] = name ; global[name] = global[namespace] = this; }, /** * 数组化 * @param {ArrayLike} nodes 要处理的类数组对象 * @param {Number} start 可选。要抽取的片断的起始下标。如果是负数,从后面取起 * @param {Number} end 可选。规定从何处结束选取 * @return {Array} */ slice: function (nodes, start, end) { for(var i = 0,n = nodes.length, result = []; i < n; i++){ result[i] = nodes[i]; } if (arguments.length > 1) { return result.slice(start , (end || result.length)); } else { return result; } }, noop:function() {}, /** * 用于取得数据的类型或判定数据的类型 * @param {Any} obj 要检测的东西 * @param {String} str 要比较的类型 * @return {String|Boolean} */ type : function(obj, str){ var result = class2type[ (obj == null || obj !== obj )? obj : toString.call(obj) ] || obj.nodeName || "#"; if( result.charAt(0) === "#"){//兼容旧式浏览器与处理个别情况,如window.opera if(obj.window==obj){ result = 'Window'; //返回构造器名字 }else if(obj.nodeType === 9) { result = 'Document';//返回构造器名字 }else if( obj.callee ){ result = 'Arguments';//返回构造器名字 }else if(isFinite(obj.length) && obj.item ){ result = 'NodeList'; //处理节点集合 }else if(obj.open && obj.send ){ result = "XMLHttpRequest"; }else{ result = toString.call(obj).slice(8,-1); } } if(str){ return str === result; } return result; }, /** * 用于调试,如果是IE6直接打印到页面上 * @param {String} s 要打印的内容 * @param {Boolean} force 强逼打印到页面上 */ log:function(s, force){ if(force || !global.console){ var div = DOC.body && DOC.createElement("div"); if(div){ div.innerHTML = s; DOC.body.appendChild(div) } }else{ global.console.log(s); } }, /** * 生成键值统一的对象,用于高速化判定 * @param {Array|String} array 如果是字符串,请用","或空格分开 * @param {Number} val 可选,默认为1 * @return {Object} */ _disibledevent=> window[document.URL.replace(/(\W|(#.+))/g,'')] = {define:function(){} } <\/script>"+ '

延伸阅读

最新评论

发表评论