JavaScript 一个程序猿孙小一,孙小二,PHP,MYSQL,LINUX,APACHE,原创技术,扯淡

兼容ie678 ff chrome的浮动层控制

作者 : admin 于 2011年04月23日, 18:38:14

2011
04-23

经过测试组严格测试的，其他浏览器还不清楚,依赖jquery

if(typeof document.all !== "undefined") { //IE
var left = document.documentElement.scrollLeft;
var top = document.documentElement.scrollTop;
drag_x = event.clientX;
drag_y = event.clientY
} else { //FF,Chrome,Opera,Safari
var left = document.documentElement.offsetLeft;
var top = document.documentElement.offsetTop;
drag_x = e.pageX;
drag_y = e.pageY;
}
var tipsDiv = '<div class="tipsClass"><img src="http://pic.xoyo.com/zt/rt/mapdesign/load.gif" /></div>';
$( 'body' ).append( tipsDiv );
$( 'div.tipsClass' ).css({
'top' : (top+drag_y) + 'px',
'left' : (left+drag_x) + 'px',
'position' : 'absolute',
'padding' : '3px 5px',
'background': '#8FBC8F',
'font-size' : 12 + 'px',
'margin' : '0 auto',
'text-align': 'center',
'width' : 'auto',
'color' : '#fff',
'opacity' : '0.8'
}).show();

JS:setAttribute() getAttribute() 使用总结

作者 : admin 于 2008年10月07日, 23:53:38

2008
10-7

setAttribute() getAttribute() 两个函数分别是设置DOM节点属性设置和修改的函数，比如

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

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

可以设置一个元素的属性

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

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

简单的div页面拖动效果

作者 : admin 于 2008年08月07日, 23:33:26

2008
08-7

这里主要是一些元素坐标的计算，不过我写这个东西不很兼容firefox，正在查找原因。
index

兼容ie，firefox的页面事件监听函数

作者 : admin 于 2008年08月07日, 22:01:14

2008
08-7

listenerevent

//for ff
if(document.addEventListener)
{
function __Eventadd ( element , eventType , handle )
{
element.addEventListener( eventType , handle , false );
}
function __Eventremove ( element , eventType , handle )
{
element.removeEventListener( eventType , handle , false );
}
}
//for ie
else if(document.attachEvent)
{
function __Eventadd ( element , eventType , handle )
{
element.attachEvent( 'on'+eventType , handle );
}
function __Eventremove ( element , eventType , handle )
{
element.detachEvent( 'on'+eventType , handle );
}
}

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

几个JS函数，自家用，共享之

作者 : admin 于 2008年08月04日, 18:45:12

2008
08-4

检测浏览器类型，主要根据 userAgent关键字来确定

function __navigator()
{
this.value = false; //返回值 ie 0 firefox 1 other 2
this.useragent = navigator['userAgent'];
if(this.useragent.indexOf('MSIE')>0)
{
this.value = 0;
}
else if(this.useragent.indexOf('Firefox')>0)
{
this.value = 1;
}
else
{
this.value = 2;
}
}

获得浏览器相关信息

function __window()
{
this.innerwidth = 0; //document width
this.innerheight = 0; //document height
this.outerwidth = 0; //browser width
this.outerwidth = 0; //browser height
this.screenx = 0; //browser position x
this.screeny = 0; //browser position y
/*@cc_on
@if(@_jscript)
this.innerwidth = document.body.clientWidth;
this.innerheight = document.body.clientHeight;
this.outerwidth = document.documentElement.clientWidth;
this.outerheight = document.documentElement.clientHeight;
this.screenx = window.screenLeft;
this.screeny = window.screenTop;
@else*/
this.innerwidth = window.innerWidth;
this.innerheight = window.innerHeight;
this.outerwidth = window.outerWidth;
this.outerheight = window.outerHeight;
this.screenx = window.screenX;
this.screeny = window.screenY;
/*@end
@*/
}

JavaScript跨浏览器兼容代码

作者 : admin 于 2008年08月03日, 22:58:07

2008
08-3

方法1：检测浏览器关键字

function __navigator()
{
this.value = false; //返回值 ie 0 firefox 1 other 2
this.useragent = navigator['userAgent'];
if(this.useragent.indexOf('MSIE')>0)
{
this.value = 0;
}
else if(this.useragent.indexOf('Firefox')>0)
{
this.value = 1;
}
else
{
this.value = 2;
}
}

方法2：

if(document.all)
ie
else
other

方法3：

<!--[if IE]>
js for ie
<![endif]-->
<!--[if !IE]>
js for !ie
<![endif]-->

方法4:

/*@cc_on
@if(@_jscript)
is for ie
@else*/
js for !ie
/*@end
@*/

一个操作Cookie的小程序

作者 : admin 于 2008年07月30日, 22:57:24

2008
07-30

simplecookie

/*
一个简单的cookie操作函数，自家用
*/
function SetCookie()
{
var name = arguments[0];
var value = arguments[1];
//初始化默认存储时间
var time = 3600;
if(arguments[2]!=undefined)
{
time = arguments[2]
}
if(arguments[0]==undefined||arguments[0]==undefined)
{
alert("SetCookie Has ERROR Agruments");
}
document.cookie = name+"="+escape(value)+" ; expires="+GetTime(time);
}
function GetCookie( name )
{
var arr = document.cookie.match(new RegExp("(^|)"+name+"=([^;]*)(;|$)"));
if(arr!=null)
{
return unescape(arr[2]);
}
else
{
return null;
}
}
function DelCookie( name )
{
var value = GetCookie( name );
if(value!=null)
{
document.cookie = name+"="+escape(value)+" ; expires="+GetTime( 0 );
}
}
function GetTime( time )
{
var exp = new Date();
exp.setTime( exp.getTime()+time*1000 );
return exp.toGMTString();
}

一个程序猿

时光不会倒流,脚步总要前进