Warning: curl_exec() has been disabled for security reasons in /pub/host/sunboyu/sunboyu/www/wp-includes/http.php on line 1022

Warning: Cannot modify header information - headers already sent by (output started at /pub/host/sunboyu/sunboyu/www/wp-includes/http.php:1022) in /pub/host/sunboyu/sunboyu/www/wp-includes/feed-rss2.php on line 8
一个程序猿 » JavaScript http://www.sunboyu.cn 时光不会倒流,脚步总要前进 Tue, 31 Jan 2012 10:50:34 +0000 http://wordpress.org/?v=2.7 en hourly 1 兼容ie678 ff chrome的浮动层控制 http://www.sunboyu.cn/2011/04/23/%e5%85%bc%e5%ae%b9ie678-ff-chrome%e7%9a%84%e6%b5%ae%e5%8a%a8%e5%b1%82%e6%8e%a7%e5%88%b6.shtml http://www.sunboyu.cn/2011/04/23/%e5%85%bc%e5%ae%b9ie678-ff-chrome%e7%9a%84%e6%b5%ae%e5%8a%a8%e5%b1%82%e6%8e%a7%e5%88%b6.shtml#comments Sat, 23 Apr 2011 10:38:14 +0000 admin http://www.sunboyu.cn/?p=1403 经过测试组严格测试的，其他浏览器还不清楚,依赖jquery

  1. if(typeof document.all !== "undefined") {   //IE
  2.     var left    = document.documentElement.scrollLeft;
  3.     var top     = document.documentElement.scrollTop;
  4.     drag_x = event.clientX;
  5.     drag_y = event.clientY
  6.     
  7. } else {    //FF,Chrome,Opera,Safari
  8.     var left    = document.documentElement.offsetLeft;
  9.     var top     = document.documentElement.offsetTop;
  10.     drag_x = e.pageX;
  11.     drag_y = e.pageY;
  12. }
  13. var tipsDiv = '<div class="tipsClass"><img src="http://pic.xoyo.com/zt/rt/mapdesign/load.gif" /></div>';
  14. $( 'body' ).append( tipsDiv );
  15. $( 'div.tipsClass' ).css({
  16. 'top' : (top+drag_y) + 'px',
  17. 'left' : (left+drag_x) + 'px',
  18. 'position' : 'absolute',
  19. 'padding' : '3px 5px',
  20. 'background': '#8FBC8F',
  21. 'font-size' : 12 + 'px',
  22. 'margin' : '0 auto',
  23. 'text-align': 'center',
  24. 'width' : 'auto',
  25. 'color' : '#fff',
  26. 'opacity' : '0.8'
  27. }).show();
]]> http://www.sunboyu.cn/2011/04/23/%e5%85%bc%e5%ae%b9ie678-ff-chrome%e7%9a%84%e6%b5%ae%e5%8a%a8%e5%b1%82%e6%8e%a7%e5%88%b6.shtml/feed JS:setAttribute() getAttribute() 使用总结 http://www.sunboyu.cn/2008/10/07/jssetattribute-getattribute-%e4%bd%bf%e7%94%a8%e6%80%bb%e7%bb%93.shtml http://www.sunboyu.cn/2008/10/07/jssetattribute-getattribute-%e4%bd%bf%e7%94%a8%e6%80%bb%e7%bb%93.shtml#comments Tue, 07 Oct 2008 15:53:38 +0000 admin http://www.sunboyu.cn/?p=336 setAttribute() getAttribute() 两个函数分别是设置DOM节点属性设置和修改的函数，比如

var a=document.getElementById(’link’);

a.setAttribute(’class’) = ‘mylinkstyle’;

可以设置一个元素的属性

同样，我们可以自定义元素的属性，比如 <a href=”#” tips=”tipscontet” title=”testtitle”>test</a>

如此，给a标签增加一个新的属性，tips。而tips的值可以用getAttribute()获取。

]]> http://www.sunboyu.cn/2008/10/07/jssetattribute-getattribute-%e4%bd%bf%e7%94%a8%e6%80%bb%e7%bb%93.shtml/feed 简单的div页面拖动效果 http://www.sunboyu.cn/2008/08/07/%e7%ae%80%e5%8d%95%e7%9a%84div%e9%a1%b5%e9%9d%a2%e6%8b%96%e5%8a%a8%e6%95%88%e6%9e%9c.shtml http://www.sunboyu.cn/2008/08/07/%e7%ae%80%e5%8d%95%e7%9a%84div%e9%a1%b5%e9%9d%a2%e6%8b%96%e5%8a%a8%e6%95%88%e6%9e%9c.shtml#comments Thu, 07 Aug 2008 15:33:26 +0000 admin http://www.sunboyu.cn/?p=250 这里主要是一些元素坐标的计算，不过我写这个东西不很兼容firefox，正在查找原因。
index

]]> http://www.sunboyu.cn/2008/08/07/%e7%ae%80%e5%8d%95%e7%9a%84div%e9%a1%b5%e9%9d%a2%e6%8b%96%e5%8a%a8%e6%95%88%e6%9e%9c.shtml/feed 兼容ie，firefox的页面事件监听函数 http://www.sunboyu.cn/2008/08/07/%e5%85%bc%e5%ae%b9ie%ef%bc%8cfirefox%e7%9a%84%e9%a1%b5%e9%9d%a2%e4%ba%8b%e4%bb%b6%e7%9b%91%e5%90%ac%e5%87%bd%e6%95%b0.shtml http://www.sunboyu.cn/2008/08/07/%e5%85%bc%e5%ae%b9ie%ef%bc%8cfirefox%e7%9a%84%e9%a1%b5%e9%9d%a2%e4%ba%8b%e4%bb%b6%e7%9b%91%e5%90%ac%e5%87%bd%e6%95%b0.shtml#comments Thu, 07 Aug 2008 14:01:14 +0000 admin http://www.sunboyu.cn/?p=248 listenerevent

  1. //for ff
  2. if(document.addEventListener)
  3. {
  4.     function __Eventadd ( element , eventType , handle )
  5. {
  6.     element.addEventListener( eventType , handle , false );
  7. }
  8. function __Eventremove ( element , eventType , handle )
  9. {
  10.     element.removeEventListener( eventType , handle , false );
  11. }
  12. }
  13. //for ie
  14. else if(document.attachEvent)
  15. {
  16.     function __Eventadd ( element , eventType , handle )
  17. {
  18.     element.attachEvent( 'on'+eventType , handle );
  19. }
  20. function __Eventremove ( element , eventType , handle )
  21. {
  22.     element.detachEvent( 'on'+eventType , handle );
  23. }
  24. }

实际上，真正完全兼容还要很复杂的一个过程，这里也是简化到了只是能用的程度。具体请查看《JavaScript权威指南》第五版 414页

]]> http://www.sunboyu.cn/2008/08/07/%e5%85%bc%e5%ae%b9ie%ef%bc%8cfirefox%e7%9a%84%e9%a1%b5%e9%9d%a2%e4%ba%8b%e4%bb%b6%e7%9b%91%e5%90%ac%e5%87%bd%e6%95%b0.shtml/feed 几个JS函数，自家用，共享之 http://www.sunboyu.cn/2008/08/04/%e5%87%a0%e4%b8%aajs%e5%87%bd%e6%95%b0%ef%bc%8c%e8%87%aa%e5%ae%b6%e7%94%a8%ef%bc%8c%e5%85%b1%e4%ba%ab%e4%b9%8b.shtml http://www.sunboyu.cn/2008/08/04/%e5%87%a0%e4%b8%aajs%e5%87%bd%e6%95%b0%ef%bc%8c%e8%87%aa%e5%ae%b6%e7%94%a8%ef%bc%8c%e5%85%b1%e4%ba%ab%e4%b9%8b.shtml#comments Mon, 04 Aug 2008 10:45:12 +0000 admin http://www.sunboyu.cn/?p=243 检测浏览器类型，主要根据 userAgent关键字来确定

  1. function __navigator()
  2. {
  3.     this.value = false;   //返回值  ie 0 firefox 1 other 2
  4. this.useragent =  navigator['userAgent'];
  5. if(this.useragent.indexOf('MSIE')>0)
  6. {
  7.     this.value = 0;
  8. }
  9. else if(this.useragent.indexOf('Firefox')>0)
  10. {
  11.     this.value = 1;
  12. }
  13. else
  14. {
  15.     this.value = 2;
  16. }
  17. }

获得浏览器相关信息

  1. function __window()
  2. {
  3.     this.innerwidth = 0;   //document width
  4. this.innerheight = 0; //document height
  5.  
  6. this.outerwidth = 0;   //browser width
  7. this.outerwidth = 0;   //browser height
  8.  
  9. this.screenx = 0;     //browser position x
  10. this.screeny = 0;   //browser position y
  11.  
  12.     /*@cc_on
  13.   @if(@_jscript)
  14.  
  15.   this.innerwidth = document.body.clientWidth;
  16.   this.innerheight = document.body.clientHeight;
  17.  
  18.   this.outerwidth = document.documentElement.clientWidth;
  19.   this.outerheight = document.documentElement.clientHeight;
  20.  
  21.   this.screenx = window.screenLeft;
  22.   this.screeny = window.screenTop;
  23.  
  24.   @else*/
  25.  
  26.   this.innerwidth = window.innerWidth;
  27.   this.innerheight = window.innerHeight;
  28.  
  29.   this.outerwidth = window.outerWidth;
  30.   this.outerheight = window.outerHeight;
  31.  
  32.   this.screenx = window.screenX;
  33.   this.screeny = window.screenY;
  34. /*@end
  35.   @*/
  36. }
]]> http://www.sunboyu.cn/2008/08/04/%e5%87%a0%e4%b8%aajs%e5%87%bd%e6%95%b0%ef%bc%8c%e8%87%aa%e5%ae%b6%e7%94%a8%ef%bc%8c%e5%85%b1%e4%ba%ab%e4%b9%8b.shtml/feed JavaScript跨浏览器兼容代码 http://www.sunboyu.cn/2008/08/03/javascript%e8%b7%a8%e6%b5%8f%e8%a7%88%e5%99%a8%e5%85%bc%e5%ae%b9%e4%bb%a3%e7%a0%81.shtml http://www.sunboyu.cn/2008/08/03/javascript%e8%b7%a8%e6%b5%8f%e8%a7%88%e5%99%a8%e5%85%bc%e5%ae%b9%e4%bb%a3%e7%a0%81.shtml#comments Sun, 03 Aug 2008 14:58:07 +0000 admin http://www.sunboyu.cn/?p=242 方法1：检测浏览器关键字

  1. function __navigator()
  2. {
  3.     this.value = false;   //返回值  ie 0 firefox 1 other 2
  4. this.useragent =  navigator['userAgent'];
  5. if(this.useragent.indexOf('MSIE')>0)
  6. {
  7.     this.value = 0;
  8. }
  9. else if(this.useragent.indexOf('Firefox')>0)
  10. {
  11.     this.value = 1;
  12. }
  13. else
  14. {
  15.     this.value = 2;
  16. }
  17. }

方法2：

  1. if(document.all)
  2.   ie
  3. else
  4.   other

方法3：

  1. <!--[if IE]>
  2.     js for ie
  3. <![endif]-->
  4. <!--[if !IE]>
  5.     js for !ie
  6. <![endif]-->

方法4:

  1. /*@cc_on
  2.   @if(@_jscript)
  3.   is for ie
  4.   @else*/
  5.   js for !ie
  6. /*@end
  7.   @*/
]]> http://www.sunboyu.cn/2008/08/03/javascript%e8%b7%a8%e6%b5%8f%e8%a7%88%e5%99%a8%e5%85%bc%e5%ae%b9%e4%bb%a3%e7%a0%81.shtml/feed 一个操作Cookie的小程序 http://www.sunboyu.cn/2008/07/30/%e4%b8%80%e4%b8%aa%e6%93%8d%e4%bd%9ccookie%e7%9a%84%e5%b0%8f%e7%a8%8b%e5%ba%8f.shtml http://www.sunboyu.cn/2008/07/30/%e4%b8%80%e4%b8%aa%e6%93%8d%e4%bd%9ccookie%e7%9a%84%e5%b0%8f%e7%a8%8b%e5%ba%8f.shtml#comments Wed, 30 Jul 2008 14:57:24 +0000 admin http://www.sunboyu.cn/?p=231 simplecookie

  1. <br />
  2. /*<br />
  3.     一个简单的cookie操作函数，自家用<br />
  4. */<br />
  5. function SetCookie()<br />
  6. {<br />
  7.     var name = arguments[0];<br />
  8. var value = arguments[1];<br />
  9. //初始化默认存储时间<br />
  10. var time = 3600;<br />
  11. if(arguments[2]!=undefined)<br />
  12. {<br />
  13.     time = arguments[2]<br />
  14. }<br />
  15. if(arguments[0]==undefined||arguments[0]==undefined)<br />
  16. {<br />
  17.     alert("SetCookie Has ERROR Agruments");<br />
  18. }<br />
  19. document.cookie = name+"="+escape(value)+" ; expires="+GetTime(time);<br />
  20. }<br />
  21. function GetCookie( name )<br />
  22. {<br />
  23.     var arr = document.cookie.match(new RegExp("(^|)"+name+"=([^;]*)(;|$)"));<br />
  24. if(arr!=null)<br />
  25. {<br />
  26.     return unescape(arr[2]);<br />
  27. }<br />
  28. else<br />
  29. {<br />
  30.     return null;<br />
  31. }<br />
  32. }<br />
  33. function DelCookie( name )<br />
  34. {<br />
  35.     var value = GetCookie( name );<br />
  36. if(value!=null)<br />
  37. {<br />
  38.     document.cookie = name+"="+escape(value)+" ; expires="+GetTime( 0 );<br />
  39. }<br />
  40. }<br />
  41. function GetTime( time )<br />
  42. {<br />
  43.     var exp = new Date();<br />
  44. exp.setTime( exp.getTime()+time*1000 );<br />
  45. return exp.toGMTString();<br />
  46. }<br />

]]> http://www.sunboyu.cn/2008/07/30/%e4%b8%80%e4%b8%aa%e6%93%8d%e4%bd%9ccookie%e7%9a%84%e5%b0%8f%e7%a8%8b%e5%ba%8f.shtml/feed