热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

一些常用的JS功能函数代码_javascript技巧

将ClientMentInfo类改成了兼容IE6,IE7,IE8,Vista,Windows7和Firefox
代码如下:


//获取对象
function getObject(objectId,top)
{
doc = top?window.top.document:document;
if(typeof(objectId)!="object" && typeof(objectId)!="function")
{
if(doc.getElementById && doc.getElementById(objectId))
{
// W3C DOM
return doc.getElementById(objectId);
}
else if(doc.getElementsByName(objectId))
{
return doc.getElementsByName(objectId)[0];
}
else if (doc.all && doc.all(objectId))
{
// MSIE 4 DOM
return doc.all(objectId);
}
else if (doc.layers && doc.layers[objectId])
{
// NN 4 DOM.. note: this won't find nested layers
return doc.layers[objectId];
}
else
{
return false;
}
}else
return objectId;
}
//获取相对路径
function getRelativePath()
{
var url = location.href;//当前url
var urlcs = String(location.search);
url = url.replace(urlcs,"");
var path = url.length - url.replace(/\//g,"").length - 3; //层次为url包含/的长度-没有包含/的长度再减去项目头/的个数

var str = "";
for(var i = 0; i {
str += "../";//组合成一个相对路径的字符串返回
}
return str;
}
//加载其他JS文件或CSS文件
function loadjscssfile(filename,filetype,chkonce)
{
filetype = !filetype?"js":filetype;
var had = false;
if(filetype=="js")
{
if(chkonce)
{
var allScripts = document.getElementsByTagName("script");
for(var i=0;i{
try{
if(allScripts[i].src.indexOf(filename)>-1)
{
had = true;
break;
}
}catch(e){}
}
}
if(!had)
{
document.write("");
}
}else
{
if(chkonce)
{
var allCss = document.getElementsByTagName("link");
if(allCss.length)
{
for(var i=0;i{
try{
if(allCss[i].href.indexOf(filename)>-1)
{
had = true;
break;
}
}catch(e){}
}
}
}
if(!had)
{
document.write("");
}
}
}
//定义根目录路径
var ROOT_PATH = getRelativePath();
var JS_PATH = ROOT_PATH+'js/';
var AJAX_PATH = ROOT_PATH+'ajax/';
var CSS_PATH = ROOT_PATH+'css/';
var IMAGES_PATH = ROOT_PATH+'images/';
var EDITOR_PATH = ROOT_PATH+'uploadeditor/';
var PUB_PATH = ROOT_PATH+'uploadfile/';

//加载公共变量的JS
loadjscssfile(JS_PATH+"globalPara.js?6.1.3");

//设置下拉表中某一项被选中
function setSelOption(objId,vlu)
{
objId = getObject(objId);
for(var i=0;i{
if(objId.options[i].value==vlu)
{
objId.options[i].setAttribute("selected","selected");
break;
}
}
}
//根据下拉表中的option文本设置某一项被选中
function setTxtOption(objId,txt)
{
objId = getObject(objId);
for(var i=0;i{
if(objId.options[i].innerHTML==txt)
{
objId.options[i].setAttribute("selected","selected");
break;
}
}
}

//设置单选按钮组中某一项被选中
function setSelRadio(objName,vlu)
{
objName = document.getElementsByName(objName);
for(var i=0;i{
if(objName[i].value==vlu)
{
objName[i].setAttribute("checked","checked");
break;
}
}
}

//根据ID设置复选框中某些项被选中
//vlu 的格式为 : 1,2,3
function setSelCheckbox(prefix,vlu)
{
var _arr = vlu.split(",");
if(_arr!="")
{
for(var i=0; i<_arr.length; i++)
{
getObject(prefix+_arr[i]).checked = true;
}
}
}

//快捷输入,fromObj:来源对象,toObjId:目标对象的ID,txt为true时取toObjId的innerHTML值
function fastInput(fromObj,toObjId,txt)
{
if(fromObj.value=='' || fromObj.value==0) return false;
txt = !txt ? false : txt;
var toObj = getObject(toObjId);
if(txt)
{
if(typeof (toObj.value) == 'undefined')
toObj.innerHTML = toTxt(fromObj.options[fromObj.selectedIndex].innerHTML);
else
toObj.value = toTxt(fromObj.options[fromObj.selectedIndex].innerHTML);
}else
{
if(typeof (toObj.value) == 'undefined')
toObj.innerHTML = fromObj.value;
else
toObj.value = fromObj.value;
}
}

/*
IE6,IE7上传图片前预览图片
IE6下还可以同时检测图片的大小
size 单位为KB



*/
function PreviewImg(imgFile,newPreview,ndsPreview,size)
{
newPreview = getObject(newPreview);
if(!imgFile || !imgFile.value || !newPreview){return};
var patn = /\.jpg$|\.jpeg$|\.gif$|\.png$|\.bmp$/i;
if(patn.test(imgFile.value))
{
try{newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;}catch(e){}
if(navigator.appVersion.indexOf("MSIE 6.0",0)>-1)
{
size=!size?0:size;
ndsPreview = getObject(ndsPreview);
if(ndsPreview)
{
try{ndsPreview.attachEvent("onreadystatechange", function(){checkImgSize(ndsPreview,size)})}catch(e){}
ndsPreview.src = imgFile.value;
}
}
}
else
{
alert("您选择的不是图像文件,请重新选择.");
}
}
function PreviewImgNow(imgDiv,imgFile)
{
try{getObject(imgDiv).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile}catch(e){}
}
//上传之前检测图片的大小
//条件是在file改变时要触发函数将缩略图显示在img上
//size 单位为KB
function checkImgSize(img,size)
{
img = getObject(img);
if(img.readyState == "complete")
{
var limit = size * 1024;
if(img.fileSize > limit)
{
alert("出错!您上传的图片大小为"+(parseInt(img.fileSize/1024))+"KB,超过了"+size+"KB的限制,请重新上传");
return false
}else
return true;
}
return true;
}
//检测客户端环境
function ClientMentInfo()
{
var me = this;
var appVer = navigator.userAgent;

this.GetBrowserName = function (){
if(appVer.indexOf("MSIE")>0) return "IE";
else if(appVer.indexOf("Firefox")>0) return "Firefox";
else if(appVer.indexOf("Chrome")>0) return "Chrome";
else if(appVer.indexOf("Safari")>0) return "Safari";
else if(appVer.indexOf("Camino")>0) return "Camino";
else if(appVer.indexOf("Konqueror")>0) return "Konqueror";
else return "其它";
}

this.GetOSInfo = function (){
var _pf = navigator.platform;
if(_pf == "Win32" || _pf == "Windows")
{

if(appVer.indexOf("Windows NT 6.0") > -1 || appVer.indexOf("Windows Vista") > -1)
{
return 'Windows Vista';
}else if(appVer.indexOf("Windows NT 6.1") > -1 || appVer.indexOf("Windows 7") > -1)
{
return 'Windows 7';
}else
{
try{
var _winName = Array('2000','XP','2003');
var _ntNum = appVer.match(/Windows NT 5.\d/i).toString();
return 'Windows ' + _winName[_ntNum.replace(/Windows NT 5.(\d)/i,"$1")];
}catch(e){return 'Windows';}
}
}else if(_pf == "Mac68K" || _pf == "MacPPC" || _pf == "Macintosh")
{
return "Mac";
}else if(_pf == "X11")
{
return "Unix";
}else if(String(_pf).indexOf("Linux") > -1)
{
return "Linux";
}else
{
return "Unknow";
}
}

this.OS = me.GetOSInfo(); //操作系统类型
this.IeVer = null;
this.Bs_lang = (navigator.appName == 'Netscape'?navigator.language:navigator.browserLanguage);//浏览器语言版本
this.Bs_Name = me.GetBrowserName(); //浏览器名称

//浏览器版本
if(this.Bs_Name=='IE')
{
var _msie = appVer.match(/MSIE \d./i).toString();
this.Bs_Version = this.IeVer = _msie.replace(/MSIE (\d)./i,"$1");
}else
{
this.Bs_Version = appVer;
}
this.Ie6 = this.IeVer==6 ? true: false;
this.Ie7 = this.IeVer==7 ? true: false;
this.Ie8 = this.IeVer==8 ? true: false;
}
//客户端信息
var CMInfo = new ClientMentInfo();
//IE6 下缓存背景图片
if(CMInfo.Ie6)
{
document.execCommand("BackgroundImageCache", false, true);
}
//设置复选框全选或全不选
function setAllCheckbox(formName,objName,num)
{
if(formName)
_arr = getObject(formName).elements[objName];
else
_arr = typeof(objName)=="object"?objName:document.all(objName);
if(_arr)
{
if(num)
{
if (!_arr.length ) // 只有一个复选框,则length = undefined
_arr.checked = true;
else
{
for(var i=0; i<_arr.length; i++)
{
_arr[i].checked = true;
}
}
}else
{
if (!_arr.length ) // 只有一个复选框,则length = undefined
_arr.checked = false;
else
{
for(var i=0; i<_arr.length; i++)
{
_arr[i].checked = false;
}
}
}
}
}

//使当前页面跳到指定的页数页面
function goPage(pageNum,pageStr)
{
window.location.href = "?np="+pageNum+pageStr;
}
//分别去字符串前后,左边,右边空格
String.prototype.trim = function(){ return this.replace(/^\s+|\s+$/g,"")}
String.prototype.ltrim = function(){ return this.replace(/^\s+/g,"")}
String.prototype.rtrim = function(){ return this.replace(/\s+$/g,"")}


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/linyuanxing/archive/2008/12/01/3421058.aspx


注意globalPara.js本作者常用到的一些每个站自己的常用变量和常量的文件,如果你不需要这样的文件,可把
//加载公共变量的JS
loadjscssfile(JS_PATH+"globalPara.js?6.1.3");
这两句删掉,不然会报错。
(2009-06-04更新)
将 ClientMentInfo类改成了兼容IE6,IE7,IE8,Vista,Windows 7和Firefox
推荐阅读
  • 前端提高篇(七十):SVG基本使用、基本样式、路径path
    SVG是使用XML来描述二维图形和绘图程序的语言。SVG遵循的是xml的规范,与html5的使用有所区别SVG绘制出来的是矢量图,放大之后不会失真官方文 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 本文整理了常用的CSS属性及用法,包括背景属性、边框属性、尺寸属性、可伸缩框属性、字体属性和文本属性等,方便开发者查阅和使用。 ... [详细]
  • CSS|网格-行-结束属性原文:https://www.gee ... [详细]
  • css元素可拖动,如何使用CSS禁止元素拖拽?
    一、用户行为三剑客以下3个CSS属性:user-select属性可以设置是否允许用户选择页面中的图文内容;user-modify属性可以设置是否允许输入 ... [详细]
  • ECMA262规定typeof操作符的返回值和instanceof的使用方法
    本文介绍了ECMA262规定的typeof操作符对不同类型的变量的返回值,以及instanceof操作符的使用方法。同时还提到了在不同浏览器中对正则表达式应用typeof操作符的返回值的差异。 ... [详细]
  • 如何压缩网站页面以减少页面加载时间
    本文介绍了影响网站打开时间的两个因素,即网页加载速度和网站页面大小。重点讲解了如何通过压缩网站页面来减少页面加载时间。具体包括图片压缩、Javascript压缩、CSS压缩和HTML压缩等方法,并推荐了相应的压缩工具。此外,还提到了一款Google Chrome插件——网页加载速度分析工具Speed Tracer。 ... [详细]
  • 最近学习了关于使用最为流行的jquery发送请求,在实践中以最为简单的聊天室作为测验的辅助工具,对相关网页开发有一个初步的认识,希望大家能够一起学习进步。首先介绍一下 ... [详细]
  • css,背景,位置,y,background, ... [详细]
  • 入门Java需熟练掌握哪些技术呢?
    Java工程师无疑是当下令人艳羡的工作之一,因此,每年都有大批大批的朋友想要报名Java工程师学习Java也就不奇怪了。那么入门Java掌握哪些技术能力 ... [详细]
  • pyecharts 介绍
    一、pyecharts介绍ECharts,一个使用JavaScript实现的开源可视化库,可以流畅的运行在PC和移动设备上,兼容当前绝大部 ... [详细]
  • Itwasworkingcorrectly,butyesterdayitstartedgiving401.IhavetriedwithGooglecontactsAPI ... [详细]
  • Vue基础一、什么是Vue1.1概念Vue(读音vjuː,类似于view)是一套用于构建用户界面的渐进式JavaScript框架,与其它大型框架不 ... [详细]
  • Allegro总结:1.防焊层(SolderMask):又称绿油层,PCB非布线层,用于制成丝网印板,将不需要焊接的地方涂上防焊剂.在防焊层上预留的焊盘大小要比实际的焊盘大一些,其差值一般 ... [详细]
  • 前言对于从事技术的人员来说ajax是这好东西,都会使用,而且乐于使用。但对于新手,开发一个ajax实例,还有是难度的,必竟对于他们这是新东西。leo开发一个简单的ajax实例,用的是 ... [详细]
author-avatar
手机用户2402852387
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有