I'm Emment - Javascripthttp://www.imemment.com/欢迎地球外的生命光临，一起维护宇宙和平 - RainbowSoft Studio Z-Blog 1.8 Spirit Build 80722zh-CNCopyright www.imemment.com. Some Rights Reserved.Thu, 09 Sep 2010 09:47:46 +0800Opera 这个浏览器相对比较烂emment@126.com (emment)http://www.imemment.com/post/102.htmlFri, 23 Apr 2010 11:56:53 +0800http://www.imemment.com/post/102.html
Opera 的 fixed 定位有严重的BUG

<div style=" position:fixed; top:100px; left:20px; width:100px; height:100px; background-color:#006666;">text</div>


这样一个BOX fixed 定位，放在内容很高可以出现滚动条的页面里
把滚动条拉到中间，刷新，你会发现 BOX 不见了，变成绝对定位了，有时候甚至会刷没了
最近在写一个JS浮动功能，除了ie6 Opera的毛病最多了，IE6 人家是前辈 有问题可以理解
Opera实在不行啊·· 只能发泄一下 没本事就别搞那么多浏览器 ]]>Javascripthttp://www.imemment.com/post/102.html#commenthttp://www.imemment.com/http://www.imemment.com/feed.asp?cmt=102http://www.imemment.com/cmdwxh.asp?act=tb&id=102&key=d6af5ffaSafari下一个关于parentNode.removeChild超级诡异的BUGemment@126.com (emment)http://www.imemment.com/post/101.htmlWed, 14 Apr 2010 19:49:16 +0800http://www.imemment.com/post/101.html

function close(){
var p=domObj.parentNode;
p.removeChild(domObj)
}


就是删除FLASH自身所在的dom父节点。
很奇怪在Safari下面，时间一到执行close方法浏览器就奔溃

直接用JS去运行close方法 却没有任何异常 用FLASH中的点击去调close也没问题
只能用诡异来形容了，因为肯定是底层的原因造成的

无法找到原因，于是我就用了一个办法，见代码

function close(){
var p=domObj.parentNode;
//执行权给到JS的时候，让他延时10秒，由JS来removeChild
setTimeout(function(){p.removeChild(domObj);},10); 
}


奔溃问题解决了，考
有知道深层原因的看官请发表意见 谢谢
]]>Javascripthttp://www.imemment.com/post/101.html#commenthttp://www.imemment.com/http://www.imemment.com/feed.asp?cmt=101http://www.imemment.com/cmdwxh.asp?act=tb&id=101&key=e4ff34e0js脚本中动态调用外部js库的研究emment@126.com (emment)http://www.imemment.com/post/98.htmlWed, 31 Mar 2010 11:45:42 +0800http://www.imemment.com/post/98.html最近做一些广告库的代码
给第三方去接入，不可能让人家在网站的head标签中给你插入一段js引用
而我考虑到 以js库的形式能以文件的方式缓存，多次使用的时候，提高下载效率
减少服务器压力。
在脚本中 首先要动态在head中插入一段js库的标签
代码如下

(function(){
    if(document.getElementById('jsid'))
    return;
    var s=document.createElement('script');
    s.type='text/javascript';
    s.id = 'jsid';
    s.src='js/test.js';
    document.getElementsByTagName('head')[0].appendChild(s);
  })();


其中 test.js 有很多工具方法，被封装在一个对象中，我在接下来的代码中需要调用
问题肯定来了，test.js 什么时候加载完成呢，立刻调用它的方法肯定找不到定义啦

思考：
去监听script标签 加载，产生一个回调方法，去触发后面的代码开始
OK 没问题，但是假如有1个以上的脚本都要用这一个JS库呢？他到底在回调中 运行哪个脚本的初始函数？
初始函数都加进去运行好了！ 但是你怎么就知道所有的脚本都加载完了呢？
也就是说回调运行的初始函数 不一定都能调得到 ，所以这个方法不行
同样考虑ajax去监听加载状态，产生回调同样不行

解决方法：
在test.js 库的最后一行设置一个全局变量，变量名复杂点防止冲突 比如 $value_version_2010 = "2010.03.21";
在你的脚本这样写

(function(){
    if(typeof $value_version_2010 != "undefined"){
        //你的代码
    }else{
        setTimeout(arguments.callee,50);
    }
})();


不断去检查这个变量，不存在就延时50秒 重新执行，一旦有了值，你的代码就可以安全执行了
你可以设置个全局变量记录重新执行的次数，来防止无限执行，当然只要是全局变量 你都要考虑命名安全，尽量复杂点吧

各位看官，不知道在这方面谁还有什么高招，欢迎跟帖
]]>Javascripthttp://www.imemment.com/post/98.html#commenthttp://www.imemment.com/http://www.imemment.com/feed.asp?cmt=98http://www.imemment.com/cmdwxh.asp?act=tb&id=98&key=ccf2b208javascript中实现命名空间emment@126.com (emment)http://www.imemment.com/post/95.htmlThu, 25 Feb 2010 13:53:20 +0800http://www.imemment.com/post/95.html例如，要创建一个名为 arc90.components 命名空间，我们首先定义一个空对象arc90：

arc90 = {}


如果叫做arc90的对象已经存在，我们需要先检查一下，然后创建一个空对象：
]]>Javascripthttp://www.imemment.com/post/95.html#commenthttp://www.imemment.com/http://www.imemment.com/feed.asp?cmt=95http://www.imemment.com/cmdwxh.asp?act=tb&id=95&key=5c2ad7bajavascript attachEvent和addEventListener 使用方法emment@126.com (emment)http://www.imemment.com/post/94.htmlTue, 23 Feb 2010 15:29:30 +0800http://www.imemment.com/post/94.html
attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列）
addEventListener方法 用于 Mozilla系列
举例:
document.getElementById("btn").onclick = method1;
document.getElementById("btn").onclick = method2;
document.getElementById("btn").onclick = method3;
如果这样写,那么将会只有medhot3被执行
写成这样：
var btn1Obj = document.getElementById("btn1");
//object.attachEvent(event,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent("onclick",method2);
btn1Obj.attachEvent("onclick",method3);
执行顺序为method3->method2->method1

如果是Mozilla系列，并不支持该方法，需要用到addEventListener
var btn1Obj = document.getElementById("btn1");
//element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener("click",method1,false);
btn1Obj.addEventListener("click",method2,false);
btn1Obj.addEventListener("click",method3,false);
执行顺序为method1->method2->method3

使用实例：
1。
var el = EDITFORM_DOCUMENT.body;
//先取得对象，EDITFORM_DOCUMENT实为一个iframe
if (el.addEventListener){
el.addEventListener(’’click’’, KindDisableMenu, false);
} else if (el.attachEvent){
el.attachEvent(’’onclick’’, KindDisableMenu);
}
2。
if (window.addEventListener) {
window.addEventListener(’’load’’, _uCO, false);
} else if (window.attachEvent) { ]]>Javascripthttp://www.imemment.com/post/94.html#commenthttp://www.imemment.com/http://www.imemment.com/feed.asp?cmt=94http://www.imemment.com/cmdwxh.asp?act=tb&id=94&key=51dee79a一些常用的JS 片段代码（写过了老是忘记，所以建个帖子）emment@126.com (emment)http://www.imemment.com/post/72.htmlMon, 03 Aug 2009 10:33:24 +0800http://www.imemment.com/post/72.html

<script type="text/javascript">
  function gotoUrl(){
    window.location.href = "http://www.baidu.com";
  }
  function getTimer(){
    timer = setTimeout("gotoUrl()", 1000);
  }
</script>
<body onload="getTimer()">


给body插入一段DOM对象

因为IE必须等待body全部加载完成，才能获取body对象，所以不能用 document.body.appendChild(domObject);
代替他用

document.body.insertBefore(domObject, document.body.childNodes[0]);


函数内部执行顺序问题

都知道js是预读所有的function，而不管函数位置在什么地方，再去执行其他的代码
但是直接量的函数是不会预读的

var testFun=function(){}

还有一个就是函数内部，应该是按顺序读的，内部写function最好全部写在最前面]]>Javascripthttp://www.imemment.com/post/72.html#commenthttp://www.imemment.com/http://www.imemment.com/feed.asp?cmt=72http://www.imemment.com/cmdwxh.asp?act=tb&id=72&key=f5331484