1、原生JavaScript实现字符串长度截取
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
function cutstr(str, len) {
var temp;
var icount =
0
;
var patrn = /[^-ÿ]/;
var strre = ;
for
(var i =
0
; i < str.length; i++) {
if
(icount < len -
1
) {
temp = str.substr(i,
1
);
if
(patrn.exec(temp) ==
null
) {
icount = icount +
1
}
else
{
icount = icount +
2
}
strre += temp
}
else
{
break
}
}
return
strre + ...
}
|
2、原生JavaScript获取域名主机
1
2
3
4
5
6
7
8
9
10
11
12
|
function getHost(url) {
var host =
null
;
if
(typeof url == undefined||
null
== url) {
url = window.location.href;
}
var regex = /^w+:
//([^/]*).*/;
var match = url.match(regex);
if
(typeof match != undefined &&
null
!= match) {
host = match[
1
];
}
return
host;
}
|
1
2
3
4
|
String.prototype.trim = function() {
var reExtraSpace = /^s*(.*?)s+$/;
return
this
.replace(reExtraSpace, $
1
)
}
|
1
2
3
|
String.prototype.replaceAll = function(s1, s2) {
return
this
.replace(
new
RegExp(s1, gm), s2)
}
|
1
2
3
|
function HtmlEncode(text) {
return
text.replace(/&/g,
'&'
).replace(
//g, '').replace(//g, '>')
}
|
1
2
3
|
function HtmlDecode(text) {
return
text.replace(/&/g,
'&'
).replace(
//g, '').replace(//g, '>')
}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
Date.prototype.Format = function(formatStr) {
var str = formatStr;
var Week = [
'日'
,
'一'
,
'二'
,
'三'
,
'四'
,
'五'
,
'六'
];
str = str.replace(/yyyy|YYYY/,
this
.getFullYear());
str = str.replace(/yy|YY/, (
this
.getYear() %
100
) >
9
? (
this
.getYear() %
100
).toString() :
'0'
+ (
this
.getYear() %
100
));
str = str.replace(/MM/, (
this
.getMonth() +
1
) >
9
? (
this
.getMonth() +
1
).toString() :
'0'
+ (
this
.getMonth() +
1
));
str = str.replace(/M/g, (
this
.getMonth() +
1
));
str = str.replace(/w|W/g, Week[
this
.getDay()]);
str = str.replace(/dd|DD/,
this
.getDate() >
9
?
this
.getDate().toString() :
'0'
+
this
.getDate());
str = str.replace(/d|D/g,
this
.getDate());
str = str.replace(/hh|HH/,
this
.getHours() >
9
?
this
.getHours().toString() :
'0'
+
this
.getHours());
str = str.replace(/h|H/g,
this
.getHours());
str = str.replace(/mm/,
this
.getMinutes() >
9
?
this
.getMinutes().toString() :
'0'
+
this
.getMinutes());
str = str.replace(/m/g,
this
.getMinutes());
str = str.replace(/ss|SS/,
this
.getSeconds() >
9
?
this
.getSeconds().toString() :
'0'
+
this
.getSeconds());
str = str.replace(/s|S/g,
this
.getSeconds());
return
str
}
|
1
2
3
4
5
6
7
8
|
function isDigit(value) {
var patrn = /^[
0
-
9
]*$/;
if
(patrn.exec(value) ==
null
|| value == ) {
return
false
}
else
{
return
true
}
}
|
1
2
3
4
5
6
7
8
9
|
function setCookie(name, value, Hours) {
var d =
new
Date();
var offset =
8
;
var utc = d.getTime() + (d.getTimezoneOffset() *
60000
);
var nd = utc + (
3600000
* offset);
var exp =
new
Date(nd);
exp.setTime(exp.getTime() + Hours *
60
*
60
*
1000
);
document.cookie = name + = + escape(value) + ;path=/;expires= + exp.toGMTString() + ;domain=360doc.com;
}
|
1
2
3
4
5
|
function getCookie(name) {
var arr = document.cookie.match(
new
RegExp((^| ) + name + =([^;]*)(;|$)));
if
(arr !=
null
)
return
unescape(arr[
2
]);
return
null
}
|
11、原生JavaScript加入收藏夹
1
2
3
4
5
6
7
8
9
10
11
|
function AddFavorite(sURL, sTitle) {
try
{
window.external.addFavorite(sURL, sTitle)
}
catch
(e) {
try
{
window.sidebar.addPanel(sTitle, sURL, )
}
catch
(e) {
alert(加入收藏失败,请使用Ctrl+D进行添加)
}
}
}
|
12、原生JavaScript设为首页
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
function setHomepage() {
if
(document.all) {
document.body.style.behavior =
'url(#default#homepage)'
;
}
else
if
(window.sidebar) {
if
(window.netscape) {
try
{
netscape.security.PrivilegeManager.enablePrivilege(UniversalXPConnect)
}
catch
(e) {
alert(该操作被浏览器拒绝,如果想启用该功能,请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为
true
)
}
}
var prefs = Components.classes[
'@mozilla.org/preferences-service;1'
].getService(Components.interfaces.nsIPrefBranch);
}
}
|
1
2
3
4
5
6
7
|
var ua = navigator.userAgent.toLowerCase();
var isIE6 = ua.indexOf(msie
6
) > -
1
;
if
(isIE6) {
try
{
document.execCommand(BackgroundImageCache,
false
,
true
)
}
catch
(e) {}
}
|
14、原生JavaScript加载样式文件
1
2
3
4
5
6
7
8
9
10
11
12
|
function LoadStyle(url) {
try
{
document.createStyleSheet(url)
}
catch
(e) {
var cssLink = document.createElement(
'link'
);
cssLink.rel =
'stylesheet'
;
cssLink.type =
'text/css'
;
cssLink.href = url;
var head = document.getElementsByTagName(
'head'
)[
0
];
head.appendChild(cssLink)
}
}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
function evalscript(s) {
if
(s.indexOf(
'<script'
) == -
1
)
return
s;
var p = /<script[^>]*?>([^]*?)</script>/ig;
var arr = [];
while
(arr = p.exec(s)) {
var p1 = /<script[^>]*?src=([^>]*?)[^>]*?(reload=)?(?:charset=([w-]+?))?></script>/i;
var arr1 = [];
arr1 = p1.exec(arr[
0
]);
if
(arr1) {
appendscript(arr1[
1
],
''
, arr1[
2
], arr1[
3
]);
}
else
{
p1 = /<script(.*?)>([^]+?)</script>/i;
arr1 = p1.exec(arr[
0
]);
appendscript(
''
, arr1[
2
], arr1[
1
].indexOf(
'reload='
) != -
1
);
}
}
return
s;
}</script[^>]*?>
|
1
2
3
|
function stripscript(s) {
return
s.replace(/<script.*?>.*?</script>/ig,
''
);
}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
function appendscript(src, text, reload, charset) {
var id = hash(src + text);
if
(!reload && in_array(id, evalscripts))
return
;
if
(reload && $(id)) {
$(id).parentNode.removeChild($(id));
}
evalscripts.push(id);
var scriptNode = document.createElement(script);
scriptNode.type = text/javascript;
scriptNode.id = id;
scriptNode.charset = charset ? charset : (BROWSER.firefox ? document.characterSet : document.charset);
try
{
if
(src) {
scriptNode.src = src;
scriptNode.onloadDone =
false
;
scriptNode.onload = function () {
scriptNode.onloadDone =
true
;
JSLOADED[src] =
1
;
};
scriptNode.onreadystatechange = function () {
if
((scriptNode.readyState ==
'loaded'
|| scriptNode.readyState ==
'complete'
) && !scriptNode.onloadDone) {
scriptNode.onloadDone =
true
;
JSLOADED[src] =
1
;
}
};
}
else
if
(text){
scriptNode.text = text;
}
document.getElementsByTagName(
'head'
)[
0
].appendChild(scriptNode);
}
catch
(e) {}
}
|
1
2
3
|
function $(id) {
return
!id ?
null
: document.getElementById(id);
}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
function browserVersion(types) {
var other =
1
;
for
(i in types) {
var v = types[i] ? types[i] : i;
if
(USERAGENT.indexOf(v) != -
1
) {
var re =
new
RegExp(v +
'(\/|\s)([\d\.]+)'
,
'ig'
);
var matches = re.exec(USERAGENT);
var ver = matches !=
null
? matches[
2
] :
0
;
other = ver !==
0
&& v !=
'mozilla'
?
0
: other;
}
else
{
var ver =
0
;
}
eval(
'BROWSER.'
+ i +
'= ver'
);
}
BROWSER.other = other;
}
|
1
2
3
4
5
6
7
8
9
10
11
|
function $(id) {
return
!id ?
null
: document.getElementById(id);
}
function display(id) {
var obj = $(id);
if
(obj.style.visibility) {
obj.style.visibility = obj.style.visibility ==
'visible'
?
'hidden'
:
'visible'
;
}
else
{
obj.style.display = obj.style.display ==
''
?
'none'
:
''
;
}
}
|
21、原生JavaScript中有insertBefore方法,可惜却没有insertAfter方法?用如下函数实现
1
2
3
4
5
6
7
8
|
function insertAfter(newChild,refChild){
var parElem=refChild.parentNode;
if
(parElem.lastChild==refChild){
refChild.appendChild(newChild);
}
else
{
parElem.insertBefore(newChild,refChild.nextSibling);
}
}
|
1
2
3
4
5
6
7
|
function addEventSamp(obj,evt,fn){
if
(obj.addEventListener) {
obj.addEventListener(evt, fn,
false
);
}
else
if
(obj.attachEvent){
obj.attachEvent(
'on'
+evt,fn);
}
}
|
1
2
3
4
5
6
7
|
function focusLast(){
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart(
'character'
,e.value.length);
r.collapse(
true
);
r.select();
}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
function getUrlState(URL){
var xmlhttp =
new
ActiveXObject(microsoft.xmlhttp);
xmlhttp.Open(GET,URL,
false
);
try
{
xmlhttp.Send();
}
catch
(e){
}
finally
{
var result = xmlhttp.responseText;
if
(result){
if
(xmlhttp.Status==
200
){
return
(
true
);
}
else
{
return
(
false
);
}
}
else
{
return
(
false
);
}
}
}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
function formatCss(s){
//格式化代码
s = s.replace(/s*([{}:;,])s*/g, $
1
);
s = s.replace(/;s*;/g, ;);
//清除连续分号
s = s.replace(/,[s.#d]*{/g, {);
s = s.replace(/([^s]){([^s])/g, $
1
{
$
2
);
s = s.replace(/([^s])}([^
]*)/g, $
1
}
$
2
);
s = s.replace(/([^s]);([^s}])/g, $
1
;
$
2
);
return
s;
}
|
1
2
3
4
5
6
7
8
9
|
function yasuoCss (s) {
//压缩代码
s = s.replace(
//*(.|
)*?*
//g, ); //删除注释
s = s.replace(/s*([{}:;,])s*/g, $
1
);
s = s.replace(/,[s.#d]*{/g, {);
//容错处理
s = s.replace(/;s*;/g, ;);
//清除连续分号
s = s.match(/^s*(S+(s+S+)*)s*$/);
//去掉首尾空白
return
(s ==
null
) ? : s[
1
];
}
|
1
2
3
4
5
6
7
|
var currentPageUrl = ;
if
(typeof
this
.href === undefined) {
currentPageUrl = document.location.toString().toLowerCase();
}
else
{
currentPageUrl =
this
.href.toString().toLowerCase();
}
|
1
2
3
4
5
6
7
|
function _ip2int(ip){
var num =
0
;
ip = ip.split(.);
num = Number(ip[
0
]) *
256
*
256
*
256
+ Number(ip[
1
]) *
256
*
256
+ Number(ip[
2
]) *
256
+ Number(ip[
3
]);
num = num >>>
0
;
return
num;
}
|
1
2
3
4
5
6
7
8
9
10
|
function _int2iP(num){
var str;
var tt =
new
Array();
tt[
0
] = (num >>>
24
) >>>
0
;
tt[
1
] = ((num <<
8
) >>>
24
) >>>
0
;
tt[
2
] = (num <<
16
) >>>
24
;
tt[
3
] = (num <<
24
) >>>
24
;
str = String(tt[
0
]) + . + String(tt[
1
]) + . + String(tt[
2
]) + . + String(tt[
3
]);
return
str;
}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
function checkAll() {
var selectall = document.getElementById(selectall);
var allbox = document.getElementsByName(allbox);
if
(selectall.checked) {
for
(var i =
0
; i < allbox.length; i++) {
allbox[i].checked =
true
;
}
}
else
{
for
(var i =
0
; i < allbox.length; i++) {
allbox[i].checked =
false
;
}
}
}
|
(31~40)移动篇
31、原生JavaScript判断是否移动设备
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
function isMobile(){
if
(typeof
this
._isMobile ===
'boolean'
){
return
this
._isMobile;
}
var screenWidth =
this
.getScreenWidth();
var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() ===
new
);
if
(!fixViewPortsExperiment){
if
(!
this
.isAppleMobileDevice()){
screenWidth = screenWidth/window.devicePixelRatio;
}
}
var isMobileScreenSize = screenWidth <
600
;
var isMobileUserAgent =
false
;
this
._isMobile = isMobileScreenSize &&
this
.isTouchScreen();
return
this
._isMobile;
}
|
1
2
3
|
function isMobileUserAgent(){
return
(/iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(window.navigator.userAgent.toLowerCase()));
}
|
1
2
3
|
function isAppleMobileDevice(){
return
(/iphone|ipod|ipad|Macintosh/i.test(navigator.userAgent.toLowerCase()));
}
|
1
2
3
|
function isAndroidMobileDevice(){
return
(/android/i.test(navigator.userAgent.toLowerCase()));
}
|
1
2
3
|
function isTouchScreen(){
return
((
'ontouchstart'
in window) || window.DocumentTouch && document
instanceof
DocumentTouch);
}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
function isNewChromeOnAndroid(){
if
(
this
.isAndroidMobileDevice()){
var userAgent = navigator.userAgent.toLowerCase();
if
((/chrome/i.test(userAgent))){
var parts = userAgent.split(
'chrome/'
);
var fullVersionString = parts[
1
].split( )[
0
];
var versionString = fullVersionString.split(
'.'
)[
0
];
var version = parseInt(versionString);
if
(version >=
27
){
return
true
;
}
}
}
return
false
;
}
|
1
2
3
|
function isViewportOpen() {
return
!!document.getElementById(
'wixMobileViewport'
);
}
|
1
2
3
4
5
6
7
8
9
10
|
function getInitZoom(){
if
(!
this
._initZoom){
var screenWidth = Math.min(screen.height, screen.width);
if
(
this
.isAndroidMobileDevice() && !
this
.isNewChromeOnAndroid()){
screenWidth = screenWidth/window.devicePixelRatio;
}
this
._initZoom = screenWidth /document.body.offsetWidth;
}
return
this
._initZoom;
}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
function getZoom(){
var screenWidth = (Math.abs(window.orientation) ===
90
) ? Math.max(screen.height, screen.width) : Math.min(screen.height, screen.width);
if
(
this
.isAndroidMobileDevice() && !
this
.isNewChromeOnAndroid()){
screenWidth = screenWidth/window.devicePixelRatio;
}
var FixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
var FixViewPortsExperimentRunning = FixViewPortsExperiment && (FixViewPortsExperiment === New || FixViewPortsExperiment ===
new
);
if
(FixViewPortsExperimentRunning){
return
screenWidth / window.innerWidth;
}
else
{
return
screenWidth / document.body.offsetWidth;
}
}
|
1
2
3
4
5
6
7
8
9
10
11
|
function getScreenWidth(){
var smallerSide = Math.min(screen.width, screen.height);
var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;
var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() ===
new
);
if
(fixViewPortsExperiment){
if
(
this
.isAndroidMobileDevice() && !
this
.isNewChromeOnAndroid()){
smallerSide = smallerSide/window.devicePixelRatio;
}
}
return
smallerSide;
}
|
1
2
3
4
5
6
7
8
9
|
function IsURL(strUrl) {
var regular = /^(((https?|ftp):
//)?[-a-z0-9]+(.[-a-z0-9]+)*.(?:com|edu|gov|int|mil|net|org|biz|info|name|museum|asia|coop|aero|[a-z][a-z]|((25[0-5])|(2[0-4]d)|(1dd)|([1-9]d)|d))(/[-a-z0-9_:@&?=+,.!/~%$]*)?)$/i
if
(regular.test(strUrl)) {
return
true
;
}
else
{
return
false
;
}
}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
function getElementsByClassName(name) {
var tags = document.getElementsByTagName(
'*'
) || document.all;
var els = [];
for
(var i =
0
; i < tags.length; i++) {
if
(tags[i].className) {
var cs = tags[i].className.split(
' '
);
for
(var j =
0
; j < cs.length; j++) {
if
(name == cs[j]) {
els.push(tags[i]);
break
}
}
}
}
return
els
}
|
1
2
3
|
String.prototype.startWith = function (s) {
return
this
.indexOf(s) ==
0
}
|
1
2
3
4
|
String.prototype.endWith = function (s) {
var d =
this
.length - s.length;
return
(d >=
0
&&
this
.lastIndexOf(s) == d)
}
|
1
2
3
4
5
6
7
|
function getIE(){
if
(window.ActiveXObject){
var v = navigator.userAgent.match(/MSIE ([^;]+)/)[
1
];
return
parseFloat(v.substring(
0
, v.indexOf(.)))
}
return
false
}
|
1
2
3
4
5
6
|
function getPageHeight(){
var g = document, a = g.body, f = g.documentElement, d = g.compatMode == BackCompat
? a
: g.documentElement;
return
Math.max(f.scrollHeight, a.scrollHeight, d.clientHeight);
}
|
1
2
3
4
|
function getPageScrollLeft(){
var a = document;
return
a.documentElement.scrollLeft || a.body.scrollLeft;
}
|
1
2
3
4
5
6
|
function getPageViewWidth(){
var d = document, a = d.compatMode == BackCompat
? d.body
: d.documentElement;
return
a.clientWidth;
}
|
1
2
3
4
5
6
|
function getPageWidth(){
var g = document, a = g.body, f = g.documentElement, d = g.compatMode == BackCompat
? a
: g.documentElement;
return
Math.max(f.scrollWidth, a.scrollWidth, d.clientWidth);
}
|
1
2
3
4
|
function getPageScrollTop(){
var a = document;
return
a.documentElement.scrollTop || a.body.scrollTop;
}
|
1
|
|
1
|
function getPageViewHeight() { var d = document, a = d.compatMode == BackCompat ? d.body : d.documentElement;
return
a.clientHeight; }
|
1
|
|
1
|
function addEvt(oTarget,sEvtType,fnHandle){
if
(!oTarget){
return
;}
if
(oTarget.addEventListener){ oTarget.addEventListener(sEvtType,fnHandle,
false
); }
else
if
(oTarget.attachEvent){ oTarget.attachEvent(on + sEvtType,fnHandle); }
else
{ oTarget[on + sEvtType] = fnHandle; } }
|
1
|
|
1
|
function delEvt(oTarget,sEvtType,fnHandle){
if
(!oTarget){
return
;}
if
(oTarget.addEventListener){ oTarget.addEventListener(sEvtType,fnHandle,
false
); }
else
if
(oTarget.attachEvent){ oTarget.attachEvent(on + sEvtType,fnHandle); }
else
{ oTarget[on + sEvtType] = fnHandle; } }
|
1
|
|
1
|
function removeUrlPrefix(a){ a=a.replace(/:/g,:).replace(/./g,.).replace(///g,/);
while
(trim(a).toLowerCase().indexOf(http:
//)==0){ a=trim(a.replace(/http:///i,)); } return a; }
|
1
|
|
1
|
function uniqueId(){ var a=Math.random,b=parseInt;
return
Number(
new
Date()).toString()+b(
10
*a())+b(
10
*a())+b(
10
*a()); }
|
1
|
|
1
|
function chgCase(sStr,iCase){
if
(typeof sStr != string || sStr.length <=
0
|| !(iCase ===
0
|| iCase ==
1
)){
return
sStr; } var i,oRs=[],iCode;
if
(iCase){
/*半->全*/
for
(i=
0
; i<sstr.length;i+=
1
){ icode=
"="
else
=
""
-=
""
>半*/
for
(i=
0
; i<sstr.length;i+=
1
){ icode=
"="
else
=
""
>
65280
&& iCode <
65375
){ iCode -=
65248
; } oRs.push(String.fromCharCode(iCode)); } }
return
oRs.join(); }</sstr.length;i+=
1
){></sstr.length;i+=
1
){>
|
1
|
|
1
|
function checkKey(iKey){
if
(iKey ==
32
|| iKey ==
229
){
return
true
;}
/*空格和异常*/
if
(iKey>
47
&& iKey <
58
){
return
true
;}
/*数字*/
if
(iKey>
64
&& iKey <
91
){
return
true
;}
/*字母*/
if
(iKey>
95
&& iKey <
108
){
return
true
;}
/*数字键盘1*/
if
(iKey>
108
&& iKey <
112
){
return
true
;}
/*数字键盘2*/
if
(iKey>
185
&& iKey <
193
){
return
true
;}
/*符号1*/
if
(iKey>
218
&& iKey <
223
){
return
true
;}
/*符号2*/
return
false
; }
|
1
|
|
1
|
function getScrollXY() {
return
document.body.scrollTop ? { x: document.body.scrollLeft, y: document.body.scrollTop }: { x: document.documentElement.scrollLeft, y: document.documentElement.scrollTop } }
|
1
|
|
1
|
Date.prototype.format = function(format){
//author: meizz var o = { M+ : this.getMonth()+1, //month d+ : this.getDate(), //day h+ : this.getHours(), //hour m+ : this.getMinutes(), //minute s+ : this.getSeconds(), //second q+ : Math.floor((this.getMonth()+3)/3), //quarter S : this.getMilliseconds() //millisecond } if(/(y+)/.test(format)) format=format.replace(RegExp.$1, (this.getFullYear()+).substr(4 - RegExp.$1.length)); for(var k in o)if(new RegExp((+ k +)).test(format)) format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] : (00+ o[k]).substr((+ o[k]).length)); return format; } alert(new Date().format(yyyy-MM-dd hh:mm:ss));
|
1
|
|
1
|
/* 1、< 60s, 显示为“刚刚” 2、>= 1min && < 60 min, 显示与当前时间差“XX分钟前” 3、>= 60min && < 1day, 显示与当前时间差“今天 XX:XX” 4、>= 1day && < 1year, 显示日期“XX月XX日 XX:XX” 5、>= 1year, 显示具体日期“XXXX年XX月XX日 XX:XX” */
function timeFormat(time){ var date =
new
Date(time) , curDate =
new
Date() , year = date.getFullYear() , month = date.getMonth() +
1
, day = date.getDate() , hour = date.getHours() , minute = date.getMinutes() , curYear = curDate.getFullYear() , curHour = curDate.getHours() , timeStr;
if
(year < curYear){ timeStr = year +
'年'
+ month +
'月'
+ day +
'日 '
+ hour +
':'
+ minute; }
else
{ var pastTime = curDate - date , pastH = pastTime/
3600000
;
if
(pastH > curHour){ timeStr = month +
'月'
+ day +
'日 '
+ hour +
':'
+ minute; }
else
if
(pastH >=
1
){ timeStr =
'今天 '
+ hour +
':'
+ minute +
'分'
; }
else
{ var pastM = curDate.getMinutes() - minute;
if
(pastM >
1
){ timeStr = pastM +
'分钟前'
; }
else
{ timeStr =
'刚刚'
; } } }
return
timeStr; }
|
61、原生JavaScript解决offsetX兼容性问题
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
// 针对火狐不支持offsetX/Y
function getOffset(e){
var target = e.target,
// 当前触发的目标对象
eventCoord,
pageCoord,
offsetCoord;
// 计算当前触发元素到文档的距离
pageCoord = getPageCoord(target);
// 计算光标到文档的距离
eventCoord = {
X : window.pageXOffset + e.clientX,
Y : window.pageYOffset + e.clientY
};
// 相减获取光标到第一个定位的父元素的坐标
offsetCoord = {
X : eventCoord.X - pageCoord.X,
Y : eventCoord.Y - pageCoord.Y
};
return
offsetCoord;
}
function getPageCoord(element){
var coord = { X :
0
, Y :
0
};
// 计算从当前触发元素到根节点为止,
// 各级 offsetParent 元素的 offsetLeft 或 offsetTop 值之和
while
(element){
coord.X += element.offsetLeft;
coord.Y += element.offsetTop;
element = element.offsetParent;
}
return
coord;
}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
//正整数
/^[
0
-
9
]*[
1
-
9
][
0
-
9
]*$/;
//负整数
/^-[
0
-
9
]*[
1
-
9
][
0
-
9
]*$/;
//正浮点数
/^(([
0
-
9
]+.[
0
-
9
]*[
1
-
9
][
0
-
9
]*)|([
0
-
9
]*[
1
-
9
][
0
-
9
]*.[
0
-
9
]+)|([
0
-
9
]*[
1
-
9
][
0
-
9
]*))$/;
//负浮点数
/^(-(([
0
-
9
]+.[
0
-
9
]*[
1
-
9
][
0
-
9
]*)|([
0
-
9
]*[
1
-
9
][
0
-
9
]*.[
0
-
9
]+)|([
0
-
9
]*[
1
-
9
][
0
-
9
]*)))$/;
//浮点数
/^(-?d+)(.d+)?$/;
//email地址
/^[w-]+(.[w-]+)*@[w-]+(.[w-]+)+$/;
//url地址
/^[a-zA-z]+:
//(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$/;
//年/月/日(年-月-日、年.月.日)
/^(
19
|
20
)dd[- /.](
0
[
1
-
9
]|
1
[
012
])[- /.](
0
[
1
-
9
]|[
12
][
0
-
9
]|
3
[
01
])$/;
//匹配中文字符
/[一-龥]/;
//匹配帐号是否合法(字母开头,允许5-10字节,允许字母数字下划线)
/^[a-zA-Z][a-zA-Z0-9_]{
4
,
9
}$/;
//匹配空白行的正则表达式
/
s*
/;
//匹配中国邮政编码
/[
1
-
9
]d{
5
}(?!d)/;
//匹配身份证
/d{
15
}|d{
18
}/;
//匹配国内电话号码
/(d{
3
}-|d{
4
}-)?(d{
8
}|d{
7
})?/;
//匹配IP地址
/((
2
[
0
-
4
]d|
25
[
0
-
5
]|[
01
]?dd?).){
3
}(
2
[
0
-
4
]d|
25
[
0
-
5
]|[
01
]?dd?)/;
//匹配首尾空白字符的正则表达式
/^s*|s*$/;
//匹配HTML标记的正则表达式
< (S*?)[^>]*>.*?|< .*? />;
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
function backTop(btnId) {
var btn = document.getElementById(btnId);
var d = document.documentElement;
var b = document.body;
window.onscroll = set;
btn.style.display = none;
btn.onclick = function() {
btn.style.display = none;
window.onscroll =
null
;
this
.timer = setInterval(function() {
d.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) *
0.1
);
b.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) *
0.1
);
if
((d.scrollTop + b.scrollTop) ==
0
) clearInterval(btn.timer, window.onscroll = set);
},
10
);
};
function set() {
btn.style.display = (d.scrollTop + b.scrollTop >
100
) ?
'block'
: none
}
};
backTop(
'goTop'
);
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
|
// 用法:如果地址是 test.htm?t1=1&t2=2&t3=3, 那么能取得:GET[t1], GET[t2], GET[t3]
function get_get(){
querystr = window.location.href.split(?)
if
(querystr[
1
]){
GETs = querystr[
1
].split(&)
GET =
new
Array()
for
(i=
0
;i<gets.length;i++){ tmp_arr=
"GETs[i].split(=)"
return
=
""
pre=
""
key=
"tmp_arr[0]"
><strong>
65
、原生JavaScript实现全选通用方法</strong><pre
class
=
"brush:java;"
>function checkall(form, prefix, checkall) {
var checkall = checkall ? checkall :
'chkall'
;
for
(var i =
0
; i < form.elements.length; i++) {
var e = form.elements[i];
if
(e.type==checkbox){
e.checked = form.elements[checkall].checked;
}
}
}</pre>
<strong>
66
、原生JavaScript实现全部取消选择通用方法</strong><br>
<pre
class
=
"brush:java;"
>function uncheckAll(form) {
for
(var i=
0
;i<form.elements.length;i++){ pre=
""
var=
""
if
=
""
e.name=
""
e.checked=
"!e.checked;"
e=
"form.elements[i];"
><strong>
67
、原生JavaScript实现打开一个窗体通用方法</strong><pre
class
=
"brush:java;"
>function openWindow(url,windowName,width,height){
var x = parseInt(screen.width /
2.0
) - (width /
2.0
);
var y = parseInt(screen.height /
2.0
) - (height /
2.0
);
var isMSIE= (navigator.appName == Microsoft Internet Explorer);
if
(isMSIE) {
var p = resizable=
1
,location=no,scrollbars=no,width=;
p = p+width;
p = p+,height=;
p = p+height;
p = p+,left=;
p = p+x;
p = p+,top=;
p = p+y;
retval = window.open(url, windowName, p);
}
else
{
var win = window.open(url, ZyiisPopup, top= + y + ,left= + x + ,scrollbars= + scrollbars + ,dialog=yes,modal=yes,width= + width + ,height= + height + ,resizable=no );
eval(
try
{ win.resizeTo(width, height); }
catch
(e) { });
win.focus();
}
}</pre>
<strong>
68
、原生JavaScript判断是否为客户端设备</strong><br>
<pre
class
=
"brush:java;"
>function client(o){
var b = navigator.userAgent.toLowerCase();
var t =
false
;
if
(o ==
'isOP'
){
t = b.indexOf(
'opera'
) > -
1
;
}
if
(o ==
'isIE'
){
t = b.indexOf(
'msie'
) > -
1
;
}
if
(o ==
'isFF'
){
t = b.indexOf(
'firefox'
) > -
1
;
}
return
t;
}</pre>
<strong>
69
、原生JavaScript获取单选按钮的值</strong><br>
<pre
class
=
"brush:java;"
>function get_radio_value(field){
if
(field&&field.length){
for
(var i=
0
;i<field.length;i++){
else
=
""
return
=
""
pre=
""
><strong>
70
、原生JavaScript获取复选框的值</strong><pre
class
=
"brush:java;"
>function get_checkbox_value(field){
if
(field&&field.length){
for
(var i=
0
;i<field.length;i++){
else
=
""
return
=
""
pre=
""
.checked=
""
>
(
71
~
80
)验证篇这一篇文章主要是
10
个比较常用表单验证功能,包括了邮箱、危险字符、验证长度、验证网址、验证小数、整数、浮点数等常用的验证,有了这些代码片段,平时的表单验证也可以不需要jquery的验证插件了,希望可以帮到大家。。。
<strong>
71
、原生JavaScript判断是否为邮箱</strong><pre
class
=
"brush:java;"
>function isEmail(str){
var re=/^w+((-w+)|(.w+))*@[A-Za-z0-
9
]+((.|-)[A-Za-z0-
9
]+)*.[A-Za-z0-
9
]+$/;
if
(re.test(str) !=
true
) {
return
false
;
}
else
{
return
true
;
}
}</pre>
<strong>
72
、原生JavaScript判断是否有列表中的危险字符</strong><br>
<pre
class
=
"brush:java;"
>function isValidReg(chars){
var re=/<|>|[|]|{|}|『|』|※|○|●|◎|§|△|▲|☆|★|◇|◆|□|▼|㊣|﹋|⊕|⊙|〒|ㄅ|ㄆ|ㄇ|ㄈ|ㄉ|ㄊ|ㄋ|ㄌ|ㄍ|ㄎ|ㄏ|ㄐ|ㄑ|ㄒ|ㄓ|ㄔ|ㄕ|ㄖ|ㄗ|ㄘ|ㄙ|ㄚ|ㄛ|ㄜ|ㄝ|ㄞ|ㄟ|ㄢ|ㄣ|ㄤ|ㄥ|ㄦ|ㄧ|ㄨ|ㄩ|■|▄|▆|*|@|#|^|\/;
if
(re.test( chars) ==
true
) {
return
false
;
}
else
{
return
true
;
}
}</pre>
<strong>
73
、原生JavaScript判断字符串是否大于规定的长度</strong><br>
<pre
class
=
"brush:java;"
>function isValidLength(chars, len) {
if
(chars.length < len) {
return
false
;
}
return
true
;
}</pre>
<strong>
74
、原生JavaScript判断字符串是为网址不区分大小写</strong><br>
<pre
class
=
"brush:java;"
>function isValidURL( chars ) {
var re=/^([hH][tT]{
2
}[pP]:
//|[hH][tT]{2}[pP][sS]://)(S+.S+)$/;
if
(!isNULL(chars)) {
chars = jsTrim(chars);
if
(chars.match(re) ==
null
)
return
false
;
else
return
true
;
}
return
false
;
}</pre>
<strong>
75
、原生JavaScript判断字符串是否为小数</strong><br>
<pre
class
=
"brush:java;"
>function isValidDecimal( chars ) {
var re=/^d*.?d{
1
,
2
}$/;
if
(chars.match(re) ==
null
)
return
false
;
else
return
true
;
}
</pre>
<strong>
76
、原生JavaScript判断字符串是否为整数</strong><br>
<pre
class
=
"brush:java;"
>function isNumber( chars ) {
var re=/^d*$/;
if
(chars.match(re) ==
null
)
return
false
;
else
return
true
;
}
</pre>
<strong>
77
、原生JavaScript判断字符串是否为浮点数</strong><br>
<pre
class
=
"brush:java;"
>function isFloat( str ) {
for
(i=
0
;i<str.length;i++)
if
=
""
0
=
""
>
9
)&& str.charAt(i) !=
'.'
){
return
false
;
}
}
return
true
;
}
</str.length;i++)></pre>
<strong>
78
、原生JavaScript判断字符是否为A-Za-z英文字母</strong><br>
<pre
class
=
"brush:java;"
>function isLetters( str ){
var re=/^[A-Za-z]+$/;
if
(str.match(re) ==
null
)
return
false
;
else
return
true
;
}</pre>
<strong>
79
、原生JavaScript判断字符串是否邮政编码</strong><br>
<pre
class
=
"brush:java;"
>function isValidPost( chars ) {
var re=/^d{
6
}$/;
if
(chars.match(re) ==
null
)
return
false
;
else
return
true
;
}</pre>
<strong>
80
、原生JavaScript判断字符是否空NULL</strong>
<p> </p>
<p> </p>
<pre
class
=
"brush:java;"
>function isNULL( chars ) {
if
(chars ==
null
)
return
true
;
if
(jsTrim(chars).length==
0
)
return
true
;
return
false
;
}</pre>
<strong>
81
、原生JavaScript用正则表达式提取页面代码中所有网址</strong><br>
<pre
class
=
"brush:java;"
>var aa = document.documentElement.outerHTML.match(/(url(|src=|href=)[\']*([^\'()<>[] ]+)[\')]*|(http:
//[w-.]+[^\'()<>[] ]+)/ig).join(
).replace(/^(src=|href=|url()[\']*|[\'>) ]*$/igm,);
alert(aa)</pre>
<strong>
82
、原生JavaScript用正则表达式清除相同的数组(低效率)</strong><br>
<pre
class
=
"brush:java;"
>Array.prototype.unique=function(){
return
this
.reverse().join(,).match(/([^,]+)(?!.*)/ig).reverse();
}</pre>
<strong>
83
、原生JavaScript用正则表达式清除相同的数组(高效率)</strong><br>
<pre
class
=
"brush:java;"
>String.prototype.unique=function(){
var x=
this
.split(/[
]+/);
var y=
''
;
for
(var i=
0
;i<x.length;i++){
return
=
""
pre=
""
y=
""
new
=
""
><strong>
84
、原生JavaScript用正则表达式按字母排序,对每行进行数组排序</strong><pre
class
=
"brush:java;"
>function SetSort(){
var text=K1.value.split(/[
]/).sort().join(
);
//顺序
var test=K1.value.split(/[
]/).sort().reverse().join(
);
//反序
K1.value=K1.value!=text?text:test;
}
<strong style=
"font-family: Arial, Verdana, sans-serif;"
>
85
、原生JavaScript字符串反序</strong>
</pre>
<pre
class
=
"brush:java;"
>function IsReverse(text){
return
text.split(
''
).reverse().join(
''
);
}</pre>
<strong>
86
、原生JavaScript用正则表达式清除html代码中的脚本</strong><br>
<pre
class
=
"brush:java;"
>function clear_script(){
K1.value=K1.value.replace(/<script.*?>[sS]*?</script>|s+on[a-zA-Z]{
3
,
16
}s?=s?[sS]*?|s+on[a-zA-Z]{
3
,
16
}s?=s?
'[sS]*?'
|s+on[a-zA-Z]{
3
,
16
}s?=[^ >]+/ig,);
}</pre>
<strong>
87
、原生JavaScript动态执行JavaScript脚本</strong><br>
<pre
class
=
"brush:java;"
>function javascript(){
try
{
eval(K1.value);
}
catch
(e){
alert(e.message);
}
}
</pre>
<strong>
88
、原生JavaScript动态执行VBScript脚本</strong><br>
<pre
class
=
"brush:java;"
>function vbscript(){
try
{
var script=document.getElementById(K1).value;
if
(script.trim()==)
return
;
window.execScript('On Error Resume Next
'+script+'
If Err.Number<>
0
Then
MsgBox 请输入正确的VBScript脚本!,
48
,脚本错误!
End If',vbscript)
}
catch
(e){
alert(e.message);
}
}</pre>
<strong>
89
、原生JavaScript实现金额大写转换函数</strong><br>
<pre
class
=
"brush:java;"
>function transform(tranvalue) {
try
{
var i =
1
;
var dw2 =
new
Array(, 万, 亿);
//大单位
var dw1 =
new
Array(拾, 佰, 仟);
//小单位
var dw =
new
Array(零, 壹, 贰, 叁, 肆, 伍, 陆, 柒, 捌, 玖);
//整数部分用
//以下是小写转换成大写显示在合计大写的文本框中
//分离整数与小数
var source = splits(tranvalue);
var num = source[
0
];
var dig = source[
1
];
//转换整数部分
var k1 =
0
;
//计小单位
var k2 =
0
;
//计大单位
var sum =
0
;
var str = ;
var len = source[
0
].length;
//整数的长度
for
(i =
1
; i <= len; i++) {
var n = source[
0
].charAt(len - i);
//取得某个位数上的数字
var bn =
0
;
if
(len - i -
1
>=
0
) {
bn = source[
0
].charAt(len - i -
1
);
//取得某个位数前一位上的数字
}
sum = sum + Number(n);
if
(sum !=
0
) {
str = dw[Number(n)].concat(str);
//取得该数字对应的大写数字,并插入到str字符串的前面
if
(n ==
'0'
) sum =
0
;
}
if
(len - i -
1
>=
0
) {
//在数字范围内
if
(k1 !=
3
) {
//加小单位
if
(bn !=
0
) {
str = dw1[k1].concat(str);
}
k1++;
}
else
{
//不加小单位,加大单位
k1 =
0
;
var temp = str.charAt(
0
);
if
(temp == 万 || temp == 亿)
//若大单位前没有数字则舍去大单位
str = str.substr(
1
, str.length -
1
);
str = dw2[k2].concat(str);
sum =
0
;
}
}
if
(k1 ==
3
)
//小单位到千则大单位进一
{
k2++;
}
}
//转换小数部分
var strdig = ;
if
(dig != ) {
var n = dig.charAt(
0
);
if
(n !=
0
) {
strdig += dw[Number(n)] + 角;
//加数字
}
var n = dig.charAt(
1
);
if
(n !=
0
) {
strdig += dw[Number(n)] + 分;
//加数字
}
}
str += 元 + strdig;
}
catch
(e) {
return
0
元;
}
return
str;
}
//拆分整数与小数
function splits(tranvalue) {
var value =
new
Array(
''
,
''
);
temp = tranvalue.split(.);
for
(var i =
0
; i < temp.length; i++) {
value[i] = temp[i];
}
return
value;
}</pre>
<strong>
90
、原生JavaScript常用的正则表达式大收集</strong><br>
<pre
class
=
"brush:java;"
>匹配中文字符的正则表达式: [一-龥]
匹配双字节字符(包括汉字在内):[^-ÿ]
匹配空行的正则表达式:
[s| ]*
匹配 HTML 标记的正则表达式:<(.*)>.*<!---->|<(.*) />
匹配首尾空格的正则表达式:(^s*)|(s*$)
匹配 IP 地址的正则表达式:/(d+).(d+).(d+).(d+)/g
匹配 Email 地址的正则表达式:w+([-+.]w+)*
@w
+([-.]w+)*.w+([-.]w+)*
匹配网址 URL 的正则表达式:http:
//(/[w-]+.)+[w-]+(/[w- ./?%&=]*)?
sql 语句:^(select|drop|delete|create|update|insert).*$
非负整数:^d+$
正整数:^[
0
-
9
]*[
1
-
9
][
0
-
9
]*$
非正整数:^((-d+)|(
0
+))$
负整数:^-[
0
-
9
]*[
1
-
9
][
0
-
9
]*$
整数:^-?d+$
非负浮点数:^d+(.d+)?$
正浮点数:^((
0
-
9
)+.[
0
-
9
]*[
1
-
9
][
0
-
9
]*)|([
0
-
9
]*[
1
-
9
][
0
-
9
]*.[
0
-
9
]+)|([
0
-
9
]*[
1
-
9
][
0
-
9
]*))$
非正浮点数:^((-d+.d+)?)|(
0
+(.
0
+)?))$
英文字符串:^[A-Za-z]+$
英文大写串:^[A-Z]+$
英文小写串:^[a-z]+$
英文字符数字串:^[A-Za-z0-
9
]+$
英数字加下划线串:^w+$
E-mail地址:^[w-]+(.[w-]+)*@[w-]+(.[w-]+)+$
URL:^[a-zA-Z]+:
//(w+(-w+)*)(.(w+(-w+)*))*(?s*)?$ 或:^http://[A-Za-z0-9]+.[A-Za-z0-9]+[/=?%-&_~`@[]':+!]*([^<>\])*$
邮政编码:^[
1
-
9
]d{
5
}$
电话号码:^(((d{
2
,
3
}))|(d{
3
}-))?((0d{
2
,
3
})|0d{
2
,
3
}-)?[
1
-
9
]d{
6
,
7
}(-d{
1
,
4
})?$
手机号码:^(((d{
2
,
3
}))|(d{
3
}-))?13d{
9
}$
双字节字符(包括汉字在内):^-ÿ
匹配首尾空格:(^s*)|(s*$)
匹配 HTML 标记:<(.*)>.*<!---->|<(.*) />
匹配空行:
[s| ]*
提取信息中的网络链接:(h|H)(r|R)(e|E)(f|F) *= *(
'|)?(w|\|/|.)+('
|| *|>)?
提取信息中的邮件地址:w+([-+.]w+)*
@w
+([-.]w+)*.w+([-.]w+)*
提取信息中的图片链接:(s|S)(r|R)(c|C) *= *(
'|)?(w|\|/|.)+('
|| *|>)?
提取信息中的 IP 地址:(d+).(d+).(d+).(d+)
提取信息中的中国手机号码:(
86
)*
0
*13d{
9
}
提取信息中的中国固定电话号码:((d{
3
,
4
})|d{
3
,
4
}-|s)?d{
8
}
提取信息中的中国电话号码(包括移动和固定电话):((d{
3
,
4
})|d{
3
,
4
}-|s)?d{
7
,
14
}
提取信息中的中国邮政编码:[
1
-
9
]{
1
}(d+){
5
}
提取信息中的浮点数(即小数):(-?d*).?d+
提取信息中的任何数字 :(-?d*)(.d+)?
IP:(d+).(d+).(d+).(d+)
电话区号:^0d{
2
,
3
}$
腾讯 QQ 号:^[
1
-
9
]*[
1
-
9
][
0
-
9
]*$
帐号(字母开头,允许
5
-
16
字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{
4
,
15
}$
中文、英文、数字及下划线:^[一-龥_a-zA-Z0-
9
]+$</pre>
<strong>
91
、原生JavaScript实现窗体改变事件resize的操作(兼容所以的浏览器)</strong><br>
<pre
class
=
"brush:java;"
>(function(){
var fn = function(){
var w = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth
,r =
1255
,b = Element.extend(document.body)
,classname = b.className;
if
(w < r){
//当窗体的宽度小于1255的时候执行相应的操作
}
else
{
//当窗体的宽度大于1255的时候执行相应的操作
}
}
if
(window.addEventListener){
window.addEventListener(
'resize'
, function(){ fn(); });
}
else
if
(window.attachEvent){
window.attachEvent(
'onresize'
, function(){ fn(); });
}
fn();
})();
</pre>
<strong>
92
、原生JavaScript用正则清除空格分左右</strong><br>
<pre
class
=
"brush:java;"
>function ltrim(s){
return
s.replace( /^(s*| *)/, ); }
function rtrim(s){
return
s.replace( /(s*| *)$/, ); }
function trim(s){
return
ltrim(rtrim(s));} </pre>
<strong>
93
、原生JavaScript判断变量是否空值</strong><br>
<pre
class
=
"brush:java;"
>
/**
* 判断变量是否空值
* undefined, null, '', false, 0, [], {} 均返回true,否则返回false
*/
function empty(v){
switch
(typeof v){
case
'undefined'
:
return
true
;
case
'string'
:
if
(trim(v).length ==
0
)
return
true
;
break
;
case
'boolean'
:
if
(!v)
return
true
;
break
;
case
'number'
:
if
(
0
=== v)
return
true
;
break
;
case
'object'
:
if
(
null
=== v)
return
true
;
if
(undefined !== v.length && v.length==
0
)
return
true
;
for
(var k in v){
return
false
;}
return
true
;
break
;
}
return
false
;
}</pre>
<strong>
94
、原生JavaScript实现base64解码</strong><br>
<pre
class
=
"brush:java;"
>function base64_decode(data){
var b64 = ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=;
var o1, o2, o3, h1, h2, h3, h4, bits, i =
0
,ac =
0
,dec = ,tmp_arr = [];
if
(!data) {
return
data; }
data +=
''
;
do
{
h1 = b64.indexOf(data.charAt(i++));
h2 = b64.indexOf(data.charAt(i++));
h3 = b64.indexOf(data.charAt(i++));
h4 = b64.indexOf(data.charAt(i++));
bits = h1 <<
18
| h2 <<
12
| h3 <<
6
| h4;
o1 = bits >>
16
&
0xff
;
o2 = bits >>
8
&
0xff
;
o3 = bits &
0xff
;
if
(h3 ==
64
) {
tmp_arr[ac++] = String.fromCharCode(o1);
}
else
if
(h4 ==
64
) {
tmp_arr[ac++] = String.fromCharCode(o1, o2);
}
else
{
tmp_arr[ac++] = String.fromCharCode(o1, o2, o3);
}
}
while
(i < data.length);
dec = tmp_arr.join(
''
);
dec = utf8_decode(dec);
return
dec;
}</pre>
<strong>
95
、原生JavaScript实现utf8解码</strong><br>
<pre
class
=
"brush:java;"
>function utf8_decode(str_data){
var tmp_arr = [],i =
0
,ac =
0
,c1 =
0
,c2 =
0
,c3 =
0
;str_data +=
''
;
while
(i < str_data.length) {
c1 = str_data.charCodeAt(i);
if
(c1 <
128
) {
tmp_arr[ac++] = String.fromCharCode(c1);
i++;
}
else
if
(c1 >
191
&& c1 <
224
) {
c2 = str_data.charCodeAt(i +
1
);
tmp_arr[ac++] = String.fromCharCode(((c1 &
31
) <<
6
) | (c2 &
63
));
i +=
2
;
}
else
{
c2 = str_data.charCodeAt(i +
1
);
c3 = str_data.charCodeAt(i +
2
);
tmp_arr[ac++] = String.fromCharCode(((c1 &
15
) <<
12
) | ((c2 &
63
) <<
6
) | (c3 &
63
));
i +=
3
;
}
}
return
tmp_arr.join(
''
);
}</pre>
<strong>
96
、原生JavaScript获取窗体可见范围的宽与高</strong><br>
<pre
class
=
"brush:java;"
>function getViewSize(){
var de=document.documentElement;
var db=document.body;
var viewW=de.clientWidth==
0
? db.clientWidth : de.clientWidth;
var viewH=de.clientHeight==
0
? db.clientHeight : de.clientHeight;
return
Array(viewW ,viewH);
}</pre>
<strong>
97
、原生JavaScript判断IE版本号(既简洁、又向后兼容!)</strong><br>
<pre
class
=
"brush:java;"
>var _IE = (function(){
var v =
3
, div = document.createElement(
'div'
), all = div.getElementsByTagName(
'i'
);
while
(
div.innerHTML =
'<!--[if gt IE '
+ (++v) +
']><i></i><![endif]-->'
,
all[
0
]
);
return
v >
4
? v :
false
;
}());
</pre>
<strong>
98
、原生JavaScript获取浏览器版本号</strong><br>
<pre
class
=
"brush:java;"
>function browserVersion(types) {
var other =
1
;
for
(i in types) {
var v = types[i] ? types[i] : i;
if
(USERAGENT.indexOf(v) != -
1
) {
var re =
new
RegExp(v +
'(\/|\s|:)([\d\.]+)'
,
'ig'
);
var matches = re.exec(USERAGENT);
var ver = matches !=
null
? matches[
2
] :
0
;
other = ver !==
0
&& v !=
'mozilla'
?
0
: other;
}
else
{
var ver =
0
;
}
eval(
'BROWSER.'
+ i +
'= ver'
);
}
BROWSER.other = other;
}</pre>
<strong>
99
、原生JavaScript半角转换为全角函数</strong><br>
<pre
class
=
"brush:java;"
>function ToDBC(str){
var result =
''
;
for
(var i=
0
; i < str.length; i++){
code = str.charCodeAt(i);
if
(code >=
33
&& code <=
126
){
result += String.fromCharCode(str.charCodeAt(i) +
65248
);
}
else
if
(code ==
32
){
result += String.fromCharCode(str.charCodeAt(i) +
12288
-
32
);
}
else
{
result += str.charAt(i);
}
}
return
result;
}
</pre>
<strong>
100
、原生JavaScript全角转换为半角函数 </strong><br>
<pre
class
=
"brush:java;"
>function ToCDB(str){
var result =
''
;
for
(var i=
0
; i < str.length; i++){
code = str.charCodeAt(i);
if
(code >=
65281
&& code <=
65374
){
result += String.fromCharCode(str.charCodeAt(i) -
65248
);
}
else
if
(code ==
12288
){
result += String.fromCharCode(str.charCodeAt(i) -
12288
+
32
);
}
else
{
result += str.charAt(i);
}
}
return
result;
}</pre>
<p> </p>
<p><br>
</p>
<pre
class
=
"brush:java;"
>
</pre>
<p> </p>
<p> </p>
</x.length;i++){></pre>
</field.length;i++){></pre>
</field.length;i++){></pre>
</form.elements.length;i++){></pre>
</gets.length;i++){>
|